/* ============================================================
   MARKA FONTU — site geneli tek font ailesi (Cecotec ile birebir)
   ------------------------------------------------------------
   Tüm sitenin yazı tipini buradan yönetin.
   Fontu değiştirmek istersek:
     1) header.twig içindeki Google Fonts <link> satırını güncelle
     2) Aşağıdaki --fg-font-brand değerini yeni font adıyla değiştir
   Başka hiçbir yere dokunmaya gerek yok.

   NOT: Bu dosya bilerek en SON yüklenir (header.twig'de en altta),
   böylece style.css / htstyle.css / vvsstyle.css içindeki eski
   font tanımlarını ezer.

   IKON FONTLARI: Aşağıdaki blanket kural, ikon fontu taşıyan
   element-class'larını (.fa-solid, .material-symbols-outlined,
   .ri-* vb.) :not() listesiyle BİLEREK dışarıda bırakır.
   ::before/::after kullanan ikonlar (icomoon, carousel, swiper,
   FA v4/v5 pseudo) zaten evrensel kuraldan etkilenmez.
   ============================================================ */

:root {
  /* Tek değişiklik noktası: marka fontu (Cecotec birebir) */
  --fg-font-brand: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  /* Eski temalardan kalan, tanımsız olduğu için Inter/Onest'e düşen
     değişkenleri de markaya bağlıyoruz (htstyle.css & style.css). */
  --global--font-body: var(--fg-font-brand);
  --global--font-heading: var(--fg-font-brand);
  --global--font-secondary: var(--fg-font-brand);
  --fg-ff-onest: var(--fg-font-brand);
}

/* Temel: body'de font yumuşatma korunur (layout'u etkilemez). */
html,
body {
  font-family: var(--fg-font-brand);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ============================================================
   MARKAYI TÜM SİTEYE ZORLA — ikon fontları hariç
   ------------------------------------------------------------
   body + tüm alt elemanlar. !important ile vvsstyle.css/htstyle.css
   içindeki yüksek-specificity eski metin fontlarını da ezer
   (.vvsg :not(i) DM Sans, .whatsapp_order Open Sans,
    .vvslogin p Quicksand, .fgdz-position Oswald, Teko, Inter...).

   :not() listesi TÜM ikon-font element-class'larını korur:
   - FontAwesome kısa (.fa/.fas/.far/.fal/.fab/.fad)
   - FontAwesome uzun (.fa-solid/.fa-regular/.fa-brands/.fa-classic/
     .fa-light/.fa-thin/.fa-sharp/.fa-duotone) + [class^="fa-"]/[class*=" fa-"]
   - Material Symbols / Material Icons (tüm varyantlar + joker)
   - Remix Icon (.ri-*)
   - Bootstrap glyphicon (varsa)
   - Genel .icon / icon-* (icon-grid-*, icon-list vb.)
   - <i class="...fa...">
   - .font-monospace (Bootstrap; kasıtlı monospace korunur)
   ============================================================ */
body,
body *:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.fa-classic):not(.fa-light):not(.fa-thin):not(.fa-sharp):not(.fa-duotone):not([class^="fa-"]):not([class*=" fa-"]):not(i[class*="fa"]):not(.material-symbols-outlined):not(.material-symbols-rounded):not(.material-symbols-sharp):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not([class*="material-symbols"]):not([class*="material-icons"]):not([class^="ri-"]):not([class*=" ri-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.icon):not([class^="icon-"]):not([class*=" icon-"]):not(.font-monospace) {
  font-family: var(--fg-font-brand) !important;
}

/* ============================================================
   Bilinen eski !important / yüksek-specificity metin kuralları
   için AYRICA hedefli ezme (savunma amaçlı; blanket kuralı zaten
   kapsar ama kaynak sırası/özgüllük değişimine karşı sağlamlaştırır).
   Bu seçicilerin hepsi METİN fontu (ikon değil).
   ============================================================ */
.vvsg :not(i),
.whatsapp_order .wrap .right p.title,
.whatsapp_order .wrap .right p.number,
.vvslogin p,
.fgdz-team.fgstyle-2 .fgdz-position,
.fg-project-meta span,
.fg-project-title-sm,
.fg-section-title-teko,
.fullresim * {
  font-family: var(--fg-font-brand) !important;
}

/* Başlıklar (ekstra güvence) */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--fg-font-brand) !important;
}

/* Form öğeleri tarayıcı varsayılan fontunu kullanır, miras almaz. */
button,
input,
select,
textarea,
optgroup {
  font-family: var(--fg-font-brand) !important;
}

/* ============================================================
   MOBİL: input "focus zoom" engelleme
   iOS Safari, font-size < 16px olan bir input'a dokununca
   sayfayı otomatik yakınlaştırır (rahatsız edici zıplama).
   Mobilde (<=991px) tüm form alanlarını 16px'e sabitleyerek
   bunu engelliyoruz. Pinch-zoom (parmakla yakınlaştırma) etkilenmez.
   Arama, giriş, kayıt ve ÖZELLİKLE ödeme formlarını kapsar.
   ============================================================ */
@media (max-width: 991px) {
  input[type="text"],
  input[type="search"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  input[type="number"],
  input[type="url"],
  select,
  textarea {
    font-size: 16px;
  }
}