/**
 * Atek Grup - html/index.html (Poolito şablon) renk ve yapısına uyum.
 * Şablon renkleri: --theme-color #109C3D, --title-color #063A41, --secondary-color #042A2F, --title-color2 #67B846
 * Sadece Atek’e özel ekler: dil seçici, logo fallback, hero konumu.
 */
/* Menü her zaman görünsün */
.atek-header .sticky-active {
  top: 0 !important;
}

/* Logo görseli ve fallback boyutu */
.atek-header .header-logo .atek-logo-img {
  max-height: 50px;
  width: auto;
  display: block;
  position: relative;
  z-index: 1;
}
.atek-header .header-logo .atek-logo-fallback {
  position: relative;
  z-index: 1;
}
.atek-header .header-logo .atek-logo-fallback-accent {
  color: var(--theme-color);
}
.atek-footer .atek-footer-logo {
  max-height: 44px;
  width: auto;
}

/* Dil seçici (şablon renkleri) */
.lang-switcher { display: inline-flex; align-items: center; gap: 2px; margin-right: 1rem; }
.lang-switcher a { padding: 0.25rem 0.5rem; color: rgba(255,255,255,0.8); font-size: 0.875rem; font-weight: 600; text-decoration: none; border-radius: 4px; }
.lang-switcher a:hover { color: var(--theme-color); }
.lang-switcher a.active { color: var(--theme-color); background: rgba(16,156,61,0.2); }

/* Hero: menünün hemen altında (şablon düzeni) */
.atek-hero { margin-top: -90px !important; }
.atek-hero .vs-hero__content { padding-top: 35px !important; }

/* Sol içerik ile sağ görsel arasında eğik şerit (şablon theme rengi) */
.atek-hero .col-lg-6.position-relative::after {
  content: "";
  position: absolute;
  right: -60px;
  top: 0;
  bottom: 0;
  width: 120px;
  background: var(--theme-color);
  transform: skewX(-12deg);
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 991px) {
  .atek-hero .col-lg-6.position-relative::after { display: none; }
}

/* Ürün kartları: şablon theme ile uyum (atek-product-card sadece ek sınıf, style.css zaten theme kullanıyor) */
.atek-product-card .icon-wrap { background: rgba(16,156,61,0.15); color: var(--theme-color); }
.atek-product-card:hover .icon-wrap { background: var(--theme-color); color: var(--white-color); }

/* Markalar bölümü: şablon kart stili */
.atek-brand-item { background: var(--white-color); border-radius: 8px; padding: 1.5rem; height: 100px; display: flex; align-items: center; justify-content: center; border: 1px solid #e2e8f0; transition: border-color 0.3s, box-shadow 0.3s; }
.atek-brand-item:hover { border-color: var(--theme-color); box-shadow: 0 4px 12px rgba(0,0,0,0.06); }
.atek-brand-item span { font-weight: 700; font-size: 1rem; color: var(--title-color); }

/* İletişim CTA bandı: şablon title-color (koyu teal) */
.atek-cta-band { background: var(--title-color) !important; padding: 4rem 0 !important; }
.atek-cta-band .sec-title { color: var(--white-color) !important; }
.atek-cta-band .btn-quote-atek { background: var(--theme-color); border-color: var(--theme-color); color: var(--white-color) !important; }
.atek-cta-band .btn-quote-atek:hover { background: var(--title-color2); border-color: var(--title-color2); color: var(--white-color) !important; }

/* Teklif Al butonu (mobil menü vb.) */
.btn-quote-atek { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.25rem; background: var(--theme-color); color: var(--white-color) !important; font-weight: 600; border-radius: 6px; border: 2px solid var(--theme-color); transition: background 0.3s, border-color 0.3s; }
.btn-quote-atek:hover { background: var(--title-color2); border-color: var(--title-color2); color: var(--white-color) !important; }