/* ============================================================================
   IT FIX · EDITORIAL ENTERPRISE LAYER  ·  2026-07
   ----------------------------------------------------------------------------
   Son yüklenen katman. Amaç: header + anasayfa + footer'ı "high-end
   consulting / annual-report" görsel diline taşımak. ERP/panel hissini
   kıran ana müdahaleler: sıcak kırık-beyaz kağıt zemin, düz (flat) butonlar,
   kutu/kart yerine ince çizgi (hairline) editorial bloklar, güçlü tipografi
   hiyerarşisi ve cömert boşluk.
   GERİ ALMA: functions.php içindeki 'itfix-editorial' enqueue satırını sil.
   ============================================================================ */

:root,
body.ifx-v31-on {
  --ed-paper:      #f4f1ea;   /* sıcak kırık beyaz — ana kağıt */
  --ed-paper-2:    #ece7dd;   /* bir ton derin kağıt — ritim için */
  --ed-ink:        #0b1220;   /* derin lacivert mürekkep */
  --ed-navy:       #0b1220;   /* koyu çapa bölümler */
  --ed-navy-2:     #10192e;
  --ed-text:       #3b4657;   /* gövde metni */
  --ed-muted:      #78828f;
  --ed-line:       rgba(11,18,32,.14);
  --ed-line-soft:  rgba(11,18,32,.08);
  --ed-accent:     #0c6b60;   /* dizginli, derin teal */
  --ed-accent-2:   #0d9488;
  --ed-on-navy:      #eef1f6;
  --ed-on-navy-mut:  #97a2b4;
  --ed-line-navy:    rgba(255,255,255,.14);
  --ed-line-navy-sf: rgba(255,255,255,.08);
  --ed-fd: "Söhne","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ed-fmono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* ===========================================================================
   1 · ANASAYFA — KAĞIT ZEMİN & BÖLÜM RİTMİ
   =========================================================================== */
body.ifx-v31-on.itx-home{
  background: var(--ed-paper);
}
body.ifx-v31-on.itx-home main{
  background: var(--ed-paper);
}

/* Bölümleri şeffaflaştır (kağıt görünsün), sadece ritim için ikisini derinleştir */
body.ifx-v31-on.itx-home .ifx-v32,
body.ifx-v31-on.itx-home .ifx-workmodel,
body.ifx-v31-on.itx-home .itfix-credentials,
body.ifx-v31-on.itx-home .itfix-teaser,
body.ifx-v31-on.itx-home .ifx-v32-mslicense,
body.ifx-v31-on.itx-home .ifx-v32-services,
body.ifx-v31-on.itx-home .ifx-v32-process,
body.ifx-v31-on.itx-home .ifx-v32-why,
body.ifx-v31-on.itx-home .ifx-v32-manifest{
  background: transparent;
}
/* Ritim: hizmetler ve teknik yetkinlikler bir ton derin kağıtta */
body.ifx-v31-on.itx-home .ifx-v32-services,
body.ifx-v31-on.itx-home .itfix-credentials{
  background: var(--ed-paper-2);
}

/* Bölümler arası ince ayraç çizgisi (kutu değil) */
body.ifx-v31-on.itx-home .ifx-v32,
body.ifx-v31-on.itx-home .ifx-workmodel,
body.ifx-v31-on.itx-home .itfix-credentials,
body.ifx-v31-on.itx-home .itfix-teaser{
  border-top: 1px solid var(--ed-line-soft);
}

/* Cömert dikey boşluk — nefes payı */
body.ifx-v31-on.itx-home .ifx-v32,
body.ifx-v31-on.itx-home .ifx-workmodel,
body.ifx-v31-on.itx-home .itfix-credentials,
body.ifx-v31-on.itx-home .itfix-teaser{
  padding-top: clamp(76px, 8vw, 128px);
  padding-bottom: clamp(76px, 8vw, 128px);
}

/* ===========================================================================
   2 · TİPOGRAFİ — GÜÇLÜ EDİTORYAL HİYERARŞİ
   =========================================================================== */
body.ifx-v31-on.itx-home .ifx-v32-display,
body.ifx-v31-on.itx-home .ifx-v32-manifest-statement{
  font-family: var(--ed-fd);
  color: var(--ed-ink);
  letter-spacing: -0.018em;
  line-height: 1.06;
  font-weight: 680;
}
body.ifx-v31-on.itx-home .ifx-v32-display{
  font-size: clamp(30px, 3.6vw, 52px);
}
body.ifx-v31-on.itx-home .ifx-v32-lead,
body.ifx-v31-on.itx-home .ifx-v32-manifest-lead{
  color: var(--ed-text);
  font-size: clamp(15.5px, 1.15vw, 17.5px);
  line-height: 1.62;
}

/* Eyebrow / kicker — dizginli mono etiket */
body.ifx-v31-on.itx-home .ifx-v32-eyebrow,
body.ifx-v31-on.itx-home .ifx-v32-kicker{
  font-family: var(--ed-fmono);
  color: var(--ed-accent);
  letter-spacing: .24em;
  font-weight: 600;
  font-size: 11px;
}

/* Vurgu (em) rengi — dizginli teal, parlak değil */
body.ifx-v31-on.itx-home .ifx-v32-display em,
body.ifx-v31-on.itx-home .ifx-v32-display i,
body.ifx-v31-on.itx-home .ifx-v32-manifest-statement em{
  color: var(--ed-accent);
  font-style: normal;
}

/* ===========================================================================
   3 · BUTONLAR — PARLAK GRADIENT/GÖLGE YOK, DÜZ VE RAFİNE
   =========================================================================== */
body.ifx-v31-on .ifx-v32-btn,
body.ifx-v31-on .ifx-v31-btn{
  border-radius: 3px;
  font-weight: 640;
  letter-spacing: .005em;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
/* Primary → düz derin lacivert (parlak teal gradient kaldırıldı) */
body.ifx-v31-on .ifx-v32-btn-primary,
body.ifx-v31-on.itx-home .ifx-v31-btn-primary{
  background: var(--ed-ink) !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid var(--ed-ink) !important;
  box-shadow: none !important;
}
body.ifx-v31-on .ifx-v32-btn-primary:hover,
body.ifx-v31-on.itx-home .ifx-v31-btn-primary:hover{
  background: var(--ed-accent) !important;
  border-color: var(--ed-accent) !important;
  transform: none;
}
/* Ink → düz lacivert (zaten koyu) */
body.ifx-v31-on .ifx-v32-btn-ink{
  background: var(--ed-ink) !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 1px solid var(--ed-ink) !important;
  border-radius: 3px;
}
/* Line / ghost → sadece ince çizgi */
body.ifx-v31-on .ifx-v32-btn-line{
  background: transparent !important;
  border: 1px solid var(--ed-line) !important;
  color: var(--ed-ink) !important;
  box-shadow: none !important;
}
body.ifx-v31-on .ifx-v32-btn-line:hover{
  border-color: var(--ed-ink) !important;
  background: transparent !important;
}
/* Metin bağlantıları (… → ) — teal, sade */
body.ifx-v31-on.itx-home .ifx-v32-link{
  color: var(--ed-accent);
  font-weight: 620;
}

/* HERO (koyu çapa) — primary buton beyaz olsun: koyu görsel üstünde
   düz lacivert kontrastsız kalıyordu. Beyaz = en yüksek kontrast + editorial. */
body.ifx-v31-on .ifx-v31-slide-actions .ifx-v31-btn-primary{
  background: #fff !important;
  background-image: none !important;
  color: var(--ed-ink) !important;
  border: 1px solid #fff !important;
  box-shadow: none !important;
}
body.ifx-v31-on .ifx-v31-slide-actions .ifx-v31-btn-primary:hover{
  background: var(--ed-accent-2) !important;
  border-color: var(--ed-accent-2) !important;
  color: #fff !important;
}
/* Hero ghost — ince beyaz çizgi, sade */
body.ifx-v31-on .ifx-v31-slide-actions .ifx-v31-btn-ghost-light{
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  box-shadow: none !important;
}

/* ===========================================================================
   4 · KUTU/KART → İNCE ÇİZGİ EDİTORYAL BLOK
   =========================================================================== */
/* Çalışma modeli 3 kartı — kutu ve gölge kalksın, üst hairline kalsın */
body.ifx-v31-on.itx-home .ifx-workmodel-card{
  background: transparent !important;
  border: 0 !important;
  border-top: 2px solid var(--ed-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 22px 26px 4px 0 !important;
}
body.ifx-v31-on.itx-home .ifx-workmodel-mark{
  border: 0 !important;
  background: transparent !important;
  color: var(--ed-accent) !important;
  font-family: var(--ed-fmono);
  font-size: 13px;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}
/* Sertifika rozetleri — teal kutu yerine büyük tipografik mark */
body.ifx-v31-on.itx-home .credentials-mark{
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: var(--ed-ink) !important;
  font-family: var(--ed-fd);
  font-weight: 700;
  letter-spacing: -0.01em;
}
/* MS Partner amblemi — kutu/gölge yok */
body.ifx-v31-on.itx-home .mspartner-emblem{
  background: transparent !important;
  border: 1px solid var(--ed-line) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* ===========================================================================
   5 · HEADER — RAFİNE, SAKİN, KURUMSAL
   =========================================================================== */
/* "Technology Operations" yardımcı etiketi (logo ile çakışıyordu) — declutter */
[data-itfixx-header] .itfixx-logo-accent{ display: none !important; }

/* Inner grid nefes payı + çakışma güvenliği */
[data-itfixx-header] .itfixx-header-inner{
  column-gap: 22px !important;
}

/* Nav tipografisi — rafine, harf aralıklı, sakin */
[data-itfixx-header] .ifxnav-menu{ gap: 15px !important; }
[data-itfixx-header] .ifxnav-trigger{
  font-family: var(--ed-fd);
  font-size: 13.5px !important;
  font-weight: 560 !important;
  letter-spacing: .01em;
}

/* Solid (scrolled) durum → sıcak kağıt + ince alt çizgi, cam parlaklığı değil */
body.ifx-v31-scrolled [data-itfixx-header].itfixx-header{
  background: rgba(244,241,234,.92) !important;
  backdrop-filter: saturate(1.05) blur(10px);
  -webkit-backdrop-filter: saturate(1.05) blur(10px);
  border-bottom: 1px solid var(--ed-line) !important;
  box-shadow: 0 1px 0 0 rgba(11,18,32,.02) !important;
}
body.ifx-v31-scrolled [data-itfixx-header] .ifxnav-trigger{ color: var(--ed-ink) !important; }

/* CTA "Teklif Al" — düz lacivert, rafine, gradient/gölge yok */
[data-itfixx-header] .itfixx-cta{
  background: var(--ed-ink) !important;
  background-image: none !important;
  border: 1px solid var(--ed-ink) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  font-family: var(--ed-fd);
  font-weight: 620 !important;
  letter-spacing: .01em;
  padding: 0 18px !important;
}
[data-itfixx-header] .itfixx-cta:hover,
[data-itfixx-header] .itfixx-cta:focus-visible{
  background: var(--ed-accent) !important;
  border-color: var(--ed-accent) !important;
}
/* Hero üzerindeyken (transparan header) CTA beyaz zemin görünmesin diye
   hafif cam kenarlı düz lacivert kalır — okunur ve premium. */

/* ===========================================================================
   6 · FOOTER — PREMIUM KAPANIŞ (KOYU ÇAPA)
   =========================================================================== */
body.ifx-v31-on .ifx-v31-footer{
  background: var(--ed-navy) !important;
}
/* Üst iletişim şeridi — hairline, sakin */
body.ifx-v31-on .ifx-v31-footer-ribbon{
  border-bottom: 1px solid var(--ed-line-navy-sf);
  background: transparent !important;
}
body.ifx-v31-on .ifx-v31-footer-ribbon small{
  font-family: var(--ed-fmono);
  letter-spacing: .18em;
  color: var(--ed-on-navy-mut) !important;
  font-size: 10.5px;
}
body.ifx-v31-on .ifx-v31-footer-ribbon b{ color: var(--ed-on-navy) !important; font-weight: 620; }

/* Marka bloğu — logo kutusu (app-icon hissi) kalksın */
body.ifx-v31-on .ifx-v31-footer-brand img{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body.ifx-v31-on .ifx-v31-footer-brand p,
body.ifx-v31-on .ifx-v31-footer-brand address{ color: var(--ed-on-navy-mut) !important; }
body.ifx-v31-on .ifx-v31-footer-brand strong{ color: var(--ed-on-navy) !important; }

/* Kolon başlıkları — mono, harf aralıklı */
body.ifx-v31-on .ifx-v31-footer-col h4{
  font-family: var(--ed-fmono);
  letter-spacing: .16em;
  font-size: 11px;
  color: var(--ed-on-navy) !important;
  padding-bottom: 14px;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--ed-line-navy-sf);
}
body.ifx-v31-on .ifx-v31-footer-col a{
  color: var(--ed-on-navy-mut) !important;
  transition: color .16s ease;
}
body.ifx-v31-on .ifx-v31-footer-col a:hover{ color: #fff !important; }

body.ifx-v31-on .ifx-v31-footer-bottom{
  border-top: 1px solid var(--ed-line-navy-sf);
}
body.ifx-v31-on .ifx-v31-footer-bottom span{ color: var(--ed-on-navy-mut) !important; }

/* ===========================================================================
   7 · FINAL CTA — DERİN LACİVERT ÇAPA BANT + FİBER AKSAN (Recraft)
   =========================================================================== */
body.ifx-v31-on.itx-home .ifx-v32-cta{
  position: relative;
  background: var(--ed-navy) !important;
  border-top: 0 !important;
  overflow: hidden;
  isolation: isolate;
}
/* Recraft fiber görseli — sağ tarafta, koyu, ince doku aksanı */
body.ifx-v31-on.itx-home .ifx-v32-cta::before{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, var(--ed-navy) 22%, rgba(11,18,32,.72) 52%, rgba(11,18,32,.30) 100%),
    url("images/sections/cta-fiber-accent.webp");
  background-size: cover, cover;
  background-position: center, right center;
  background-repeat: no-repeat, no-repeat;
  opacity: .9;
  z-index:-1;
}
body.ifx-v31-on.itx-home .ifx-v32-cta .ifx-v32-display{
  color: #fff !important;
}
body.ifx-v31-on.itx-home .ifx-v32-cta .ifx-v32-display em,
body.ifx-v31-on.itx-home .ifx-v32-cta .ifx-v32-display i{
  color: var(--ed-accent-2) !important;
}
body.ifx-v31-on.itx-home .ifx-v32-cta .ifx-v32-lead{ color: #c6cedb !important; }
body.ifx-v31-on.itx-home .ifx-v32-cta .ifx-v32-eyebrow{ color: var(--ed-accent-2) !important; }
/* CTA bandındaki primary buton bu koyu zeminde beyaz olsun */
body.ifx-v31-on.itx-home .ifx-v32-cta .ifx-v32-btn-primary{
  background: #fff !important;
  color: var(--ed-ink) !important;
  border-color: #fff !important;
}
body.ifx-v31-on.itx-home .ifx-v32-cta .ifx-v32-btn-primary:hover{
  background: var(--ed-accent-2) !important;
  border-color: var(--ed-accent-2) !important;
  color: #fff !important;
}
body.ifx-v31-on.itx-home .ifx-v32-cta .ifx-v32-btn-line{
  border-color: var(--ed-line-navy) !important;
  color: #fff !important;
}
body.ifx-v31-on.itx-home .ifx-v32-cta .ifx-v32-link{ color: #c6cedb !important; }

/* ===========================================================================
   8 · TRUST STRIP — sakin hairline şerit
   =========================================================================== */
body.ifx-v31-on.itx-home .itfix-trust-strip{
  background: var(--ed-paper) !important;
  border-top: 1px solid var(--ed-line-soft);
  border-bottom: 1px solid var(--ed-line-soft);
}