/* ==========================================================================
   OMAKS — düzeltme katmanı (override).

   Webflow export CSS'ine DOKUNULMAZ; bu dosya en son yüklenir ve gerektiği
   yerde onu ezer. İki iş yapar:
     1. İletişim formuna eklenen yeni öğelerin stilleri (kaynakta yoktu).
     2. Müşteri düzeltme PDF'indeki responsive/layout notları.

   Webflow breakpoint'leri: 991px (tablet), 767px, 479px.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. İletişim formu — yeni öğeler
   -------------------------------------------------------------------------- */

/* .text-field tek satır input için tasarlandı (border-radius:100px, height:38px).
   Textarea'ya uygulanınca dev bir kapsül olur; makul kutuya çekilir. */
textarea.text-field,
.omaks-textarea {
  height: auto;
  min-height: 9rem;
  padding: .9rem 1.2rem;
  border-radius: 1.25rem;
  line-height: 1.55;
  resize: vertical;
}

/* Dosya seçici: gerçek input gizlenir, mevcut .button-b etiketi tetikler
   (kaynaktaki sahte "Upload File" submit butonunun yerini alır). */
.omaks-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

label.button-b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-bottom: 0;
}

.omaks-file-name {
  margin-top: .5rem;
  font-size: .8rem;
  opacity: .7;
  word-break: break-all;
}

/* KVKK onay kutusu — kaynakta checkbox stili hiç yoktu. */
.omaks-consent {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  margin: 1.1rem 0 .25rem;
}

.omaks-consent input[type="checkbox"] {
  flex: 0 0 auto;
  width: 1.05rem;
  height: 1.05rem;
  margin-top: .15rem;
  accent-color: #00c8b3;
  cursor: pointer;
}

.omaks-consent label {
  margin-bottom: 0;
  font-size: .85rem;
  line-height: 1.45;
  cursor: pointer;
}

.omaks-consent a {
  color: inherit;
  text-decoration: underline;
}

/* reCAPTCHA künyesi (rozet gizli olduğunda Google'ın şartı). */
.grecaptcha-badge {
  visibility: hidden;
}

.omaks-recaptcha-note {
  margin-top: 1rem;
  font-size: .72rem;
  line-height: 1.5;
  opacity: .6;
}

.omaks-recaptcha-note a {
  color: inherit;
  text-decoration: underline;
}

/* --------------------------------------------------------------------------
   2. Menü buton durumları  (PDF: Normal gri · Hover mint · Pressed lacivert)
   -------------------------------------------------------------------------- */

/* Menü durumları artık Webflow export'unun kendi CSS'inden geliyor ve canlı
   site onunla birebir ölçüldü: normal rgba(66,66,66,.62) · hover #00c8b3 ·
   focus #0050bd · aktif sayfa #182857. Bu yüzden burada hover/current'ı
   tekrar tanımlamıyoruz (gereksiz) ve :active'i hiç ezmiyoruz — export'ta
   :active kuralı yok, basılıyken hover rengi görünür.

   NOT: Müşterinin ilk düzeltme PDF'indeki "Pressed lacivert" isteği bu yüzden
   kaldırıldı; geri istenirse tek kural yeter:
     .nav-link:active { color: var(--_brand-colors---primary-darker); }

   Tek ek: WordPress menüsü w--current sınıfını üretmezse aktif sayfa yine
   doğru renkte kalsın diye aria-current yedeği (export ile aynı rengi verir). */
.nav-link[aria-current="page"] {
  color: var(--_brand-colors---primary); /* #182857 */
}

/* Logo artık ana sayfaya link. Sadece görsel sarmalandı (dil değiştirici gerçek
   link içerdiği için tüm .navbar-brand sarmalanamaz — iç içe <a> geçersizdir).
   flex: satır-içi anchor'ın img'e ekleyeceği baseline boşluğunu önler. */
.logo-img-wrap > .omaks-logo-link {
  display: flex;
  align-items: center;
  text-decoration: none;
}

/* --------------------------------------------------------------------------
   3. Hero-2 genel küçültme  (PDF #8, #9)
   quality referans; tüm ikincil hero'lar (about/quality/contact/blog +
   industries sekme hero'su) 40rem'den daha kompakt bir yüksekliğe iner.
   -------------------------------------------------------------------------- */

.secondary-hero-img {
  height: 28rem;
}

@media screen and (max-width: 991px) {
  .secondary-hero-img {
    height: 22rem;
  }
}

@media screen and (max-width: 767px) {
  .secondary-hero-img {
    height: 17rem;
  }
}

/* --------------------------------------------------------------------------
   4. Ödül kartları  (PDF #4) — küçült + tablet taşması
   -------------------------------------------------------------------------- */

.awards-product-img {
  max-height: 22rem;
  object-fit: contain;
}

@media screen and (max-width: 991px) {
  /* ECMA logosu + yıl etiketini kart içinde tut (overflow taşması). */
  .awards-wrapper {
    flex-wrap: wrap;
    max-width: 100%;
    overflow: hidden;
  }
  .award-year-tag {
    flex-shrink: 0;
  }
  .card-std {
    overflow: hidden;
  }
}

/* --------------------------------------------------------------------------
   5. Ana sayfa haber kartları  (PDF #2) — dikey ortalama + tablet
   -------------------------------------------------------------------------- */

.container-page--card .slider-wrapper {
  align-items: center;
}

@media screen and (max-width: 991px) {
  .container-page--card {
    align-items: center;
  }
}

/* --------------------------------------------------------------------------
   6. About sütun hizası  (PDF #3) — hücreleri üstten hizala
   -------------------------------------------------------------------------- */

.section-body-3column .specss-cell {
  align-items: start;
}

.section-body-3column .specss-cell > .w-layout-cell {
  align-self: start;
}

/* --------------------------------------------------------------------------
   7. Industries: son özellik bloğu ↔ CTA banner arası  (PDF #6) — 3rem desktop
   CTA, .industry-tab-container'ın hemen ardından gelen (sınıfsız) <section>.
   Boşluğu section'ın kendisine veriyoruz (cta-wrap margin'i collapse edebilir).
   -------------------------------------------------------------------------- */

.industry-tab-container + section {
  margin-top: 3rem;
}

@media screen and (max-width: 767px) {
  .industry-tab-container + section {
    margin-top: 2rem;
  }
}

/* --------------------------------------------------------------------------
   8. Products: sekme menüsü ↔ header arası  (PDF #7) — boşluğu azalt
   Ölçüm: header→içerik 72px (her sayfada) + .tabs-menu padding-top 36px.
   Products çıplak sekmelerle başladığı için bu boşluk belirgin. Yalnızca
   ürün sayfasını hedefle (.is-inv gövde sınıfı).
   -------------------------------------------------------------------------- */

.is-inv .section-submenu {
  margin-top: -2rem;
}

.is-inv .tabs-menu {
  padding-top: 1rem;
}

@media screen and (max-width: 991px) {
  .is-inv .section-submenu {
    margin-top: -2.5rem;
  }
}

/* --------------------------------------------------------------------------
   9. Footer tablet düzeni  (PDF #5)
   -------------------------------------------------------------------------- */

@media screen and (max-width: 991px) {
  .footer-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }
}

/* --------------------------------------------------------------------------
   10. Yatay kaydırma (horizontal scroll) — ölçülen 3 kaynak

   Ölçüm (headless, scrollWidth vs clientWidth):
     · TÜM sayfalar / masaüstü : 15px   → .navbar-logo-left-container.shadow-three
     · Ana sayfa               : 610px  → .bcklighti (.bg-wrap içinde)
     · Ürünler / mobil         : 20px   → .tabs-menu (sabit 50rem) + .tabs-2 (70vw)
   -------------------------------------------------------------------------- */

/* 10a. 100vw dikey kaydırma çubuğunu da sayar; içerik alanı ~15px daha dardır.
   Bu yüzden navbar her sayfada 15px taşıyordu. %100 = doğru referans. */
.navbar-logo-left-container.shadow-three {
  width: 100%;
  max-width: 100%;
}

/* 10b. Dekoratif ışık huzmeleri (radial-gradient) kapsayıcıdan taşıyor:
   .bcklighti left:67.2rem + width:60rem = 2035px. Kaynakta .bg-wrap
   overflow:visible; dekoratif oldukları için kapsayıcıda kırpıyoruz.

   SADECE yatayda kırpıyoruz: .bg-wrap height:100vw olduğundan 'overflow:hidden'
   ışığı dikeyde de (y≈1440) sert bir çizgiyle kesiyordu. 'clip' ayrıca
   'hidden'ın aksine kaydırma bağlamı yaratmaz, sticky navbar etkilenmez. */
.bg-wrap {
  overflow-x: clip;
}

/* 10c. Ürün sekme menüsü mobilde sabit genişlikten taşıyor. */
@media screen and (max-width: 991px) {
  .tabs-2 {
    max-width: 100%;
  }
  .tabs-menu {
    width: 100%;
    max-width: 100%;
  }
}

/* 10d. Hero slider'a transform:scale(1.3) uygulanmış (600px → 780px görsel).
   Bu taşma .hero-wrap'ten kasıtlı (tasarım), ama ~1280px'te viewport'u da
   6px aşıyor. Section'da yatay kırpma: bleed korunur, sayfa kaymaz.
   overflow-x:clip kullanıyoruz — 'hidden' aksine kaydırma bağlamı yaratmaz,
   böylece sticky navbar çalışmaya devam eder. */
.section-hero {
  overflow-x: clip;
}

/* 10e. Blog hero grid'i telefonda: kaynakta kolon '.25fr'. 1'den küçük fr'ın
   otomatik minimumu min-content olduğu için kolon, hücrenin 48px'lik iç
   boşluklarıyla 397px'e şişip 246px'lik konteynerden taşıyor. Telefonda
   tek akışkan kolon doğru düzen. */
@media screen and (max-width: 479px) {
  .quick-stack-5 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .quick-stack-5 > .w-layout-cell {
    min-width: 0;
  }

  /* Kaynakta .paragraph telefonda 'width:20ch' — 1.4rem fontta ~335px eder ve
     kapsayıcıdan taşar. Niyeti koruyup tavan koyuyoruz: sığdığında 20ch,
     sığmadığında kapsayıcı kadar. */
  .paragraph {
    max-width: 100%;
  }
}