/* ============================================================================
   LeanOfis — PREMIUM REDESIGN v3 (Derin Lacivert + Bakır · Playfair + Inter)
   KURAL: Metin RENKLERİNİ global zorlamayız — orijinal tasarımın koyu zemin
   üzerindeki beyaz metin mantığı aynen korunur (okunabilirlik her şeyden önce).
   Premium his: tipografi, butonlar, ve SCOPED (bilinen) bölüm boyamaları ile.
   ============================================================================ */

/* ---------- 0. FONTLAR (self-hosted, Türkçe latin-ext) ---------- */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC;}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC;}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC;}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/playfair-display-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/playfair-display-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC;}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/playfair-display-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/playfair-display-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC;}

/* ---------- 1. TOKENLAR ----------
   NOT: --e-global-color-primary/secondary/text'e DOKUNMUYORUZ (metin renkleri
   orijinal kalsın). Sadece accent + iki özel vurgu değişkeni markaya çekilir. */
:root{
  --brand:#12395B; --brand-2:#1E5F8C; --brand-deep:#0E2C46;
  --accent:#C08A2D; --accent-2:#A9761F;
  --ink:#16212E; --muted:#4C5A6E; --line:#E4E9EF;
  --e-global-color-accent:#C08A2D;
  --e-global-color-50070c7b:#12395B;
  --e-global-color-4bbbbbcb:#1E5F8C;
}

/* ---------- 2. TİPOGRAFİ (yalnız font/boyut — RENK YOK) ---------- */
body{font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.elementor-widget-text-editor,.elementor-widget-text-editor p,.elementor-widget-text-editor li,
p,li,.elementor-icon-list-text,.elementor-tab-content,.elementor-toggle-content,
.elementor-testimonial-content,.elementor-button{
  font-family:"Inter",system-ui,Segoe UI,Roboto,Arial,sans-serif !important;
}
.elementor-heading-title,h1,h2,h3,h4,h5,h6{
  font-family:"Playfair Display",Georgia,"Times New Roman",serif !important;
  letter-spacing:-.005em;
}
h1.elementor-heading-title{font-size:clamp(30px,5vw,52px) !important;line-height:1.14 !important;}
h2.elementor-heading-title{font-size:clamp(24px,3.4vw,38px) !important;line-height:1.2 !important;}
h3.elementor-heading-title{font-size:clamp(20px,2.4vw,27px) !important;line-height:1.28 !important;}
.elementor-widget-text-editor,.elementor-widget-text-editor p{font-size:18px !important;line-height:1.75 !important;}
.elementor-widget-text-editor p{margin-bottom:1em;}
.elementor-icon-list-text{font-size:16.5px !important;}
.elementor-image-box-description,.elementor-icon-box-description{font-size:15.5px !important;line-height:1.65 !important;}

/* ---------- 3. HEADER MENÜSÜ: orijinaldeki gibi BEYAZ + bakır hover ---------- */
.elementor-location-header .elementor-nav-menu--main .elementor-item{
  color:#FFFFFF !important;font-family:"Inter",sans-serif !important;font-weight:500;letter-spacing:.01em;
}
.elementor-location-header .elementor-nav-menu--main .elementor-item:hover{
  color:var(--accent) !important;
}
/* aktif öğe: beyaz kalır + bakır alt çizgi (koyu zeminde net okunur) */
.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active{
  color:#FFFFFF !important;
  border-bottom:2px solid var(--accent);
}
/* mobil açılır menüye dokunma (kendi zemin/renk mantığı korunur) */

/* ---------- 4. BUTONLAR (bakır — beyaz metinle her zeminde okunur) ---------- */
.elementor-button,.elementor-button-link{
  background-color:var(--accent) !important;background-image:none !important;color:#fff !important;
  border-radius:7px !important;font-weight:600 !important;letter-spacing:.01em;
  padding:14px 30px !important;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease !important;
  box-shadow:0 6px 18px -8px rgba(192,138,45,.55);
}
.elementor-button:hover,.elementor-button-link:hover{background-color:var(--accent-2) !important;transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(192,138,45,.6);color:#fff !important;}
.elementor-button:focus-visible{outline:3px solid rgba(255,255,255,.7);outline-offset:3px;}

/* ---------- 5. FOOTER: mor → lacivert (scoped; metinleri beyaz) ---------- */
.elementor-location-footer .elementor-top-section{
  background-color:var(--brand) !important;background-image:none !important;
}
.elementor-location-footer .elementor-heading-title{color:#fff !important;}
.elementor-location-footer,.elementor-location-footer .elementor-icon-list-text,
.elementor-location-footer p,.elementor-location-footer a{color:#E8EEF5 !important;}
.elementor-location-footer a:hover{color:var(--accent) !important;}
.elementor-location-footer .elementor-icon-list-icon svg,
.elementor-location-footer .elementor-icon-list-icon i{color:var(--accent) !important;fill:var(--accent) !important;}
/* Footer alt bar: küçük "by iksero" kredisi (687813e1 = alt bar bölümü) */
.elementor-location-footer .elementor-element-687813e1 .elementor-heading-title{
  font-family:"Inter",sans-serif !important;font-size:13px !important;font-weight:400 !important;
  letter-spacing:.03em;color:#B9C6D6 !important;
}
.elementor-location-footer .elementor-element-687813e1 .elementor-heading-title a{color:#B9C6D6 !important;text-decoration:none;}
.elementor-location-footer .elementor-element-687813e1 .elementor-heading-title a:hover{color:var(--accent) !important;}
/* Footer alt bar: sol = telif (makul font, sola yaslı), sağ = by iksero (sağa yaslı) */
.elementor-location-footer .elementor-element-64c5c4c5 .elementor-heading-title{
  font-family:"Inter",sans-serif !important;font-size:13px !important;font-weight:400 !important;
  letter-spacing:.02em;color:#B9C6D6 !important;text-align:left !important;margin:0;
}
.elementor-location-footer .elementor-element-61adbee3 .elementor-heading-title{text-align:right !important;}
@media(max-width:767px){
  /* mobilde alt alta gelince ikisi de ortalansın */
  .elementor-location-footer .elementor-element-64c5c4c5 .elementor-heading-title,
  .elementor-location-footer .elementor-element-61adbee3 .elementor-heading-title{text-align:center !important;}
}

/* ---------- İletişim: tel/mail linkleri + belirgin LinkedIn butonu ---------- */
.elementor-icon-list-text a[href^="tel:"],
.elementor-icon-list-text a[href^="mailto:"]{
  color:inherit !important;text-decoration:none;border-bottom:1px solid transparent;transition:.15s;
}
.elementor-icon-list-text a[href^="tel:"]:hover,
.elementor-icon-list-text a[href^="mailto:"]:hover{color:var(--accent) !important;border-bottom-color:var(--accent);}

/* LinkedIn'i yuvarlak ikondan belirgin bir butona çevir */
a.lo-linkedin-btn.elementor-social-icon{
  display:inline-flex !important;align-items:center;gap:10px;
  width:auto !important;height:auto !important;
  background:#0A66C2 !important;color:#fff !important;
  padding:13px 24px !important;border-radius:9px !important;
  font-family:"Inter",sans-serif;font-weight:600;font-size:16px;line-height:1;
  box-shadow:0 8px 20px -8px rgba(10,102,194,.65);transition:.18s;
}
a.lo-linkedin-btn.elementor-social-icon:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 26px -8px rgba(10,102,194,.7);}
a.lo-linkedin-btn .fa-linkedin{font-size:22px !important;color:#fff !important;}
a.lo-linkedin-btn .lo-li-text{color:#fff !important;}

/* ---------- Danışmanlık hizmet bandı (section 9b72496): lacivert zemin korunur,
   yazılar orijinal (lean.iksero) boyutuna + belirginliğe getirilir ---------- */
/* üst küçük etiket (Standart / Değişim Yönetimi …) — okunur + belirgin bakır */
.elementor-element-9b72496 .elementor-icon-box-title,
.elementor-element-9b72496 .elementor-icon-box-title a{
  font-family:"Inter",sans-serif !important;
  font-size:13px !important;font-weight:600 !important;
  letter-spacing:.07em;text-transform:uppercase;
  color:#EBC079 !important;   /* yumuşak bakır — üst etiket belirgin ama ikincil */
}
.elementor-element-9b72496 .elementor-icon-box-title{margin-bottom:8px !important;}
/* asıl başlık (Yalın Dönüşüm / Entegre Tedarik Zinciri Yönetimi …) — büyük + net */
.elementor-element-9b72496 .elementor-icon-box-description{
  font-family:"Inter",sans-serif !important;
  font-size:18px !important;font-weight:600 !important;
  line-height:1.3 !important;color:#FFFFFF !important;
}
/* ikonlar biraz daha belirgin */
.elementor-element-9b72496 .elementor-icon-box-icon i,
.elementor-element-9b72496 .elementor-icon-box-icon svg{
  font-size:30px !important;color:#FFFFFF !important;fill:#FFFFFF !important;
}
@media(max-width:767px){
  /* mobilde başlık taşmasın, hizalı dursun */
  .elementor-element-9b72496 .elementor-icon-box-description{font-size:17px !important;}
}

/* ---------- 6. ANASAYFA koyu bölümleri (scoped) ---------- */
.elementor-element-b993bb8,.elementor-element-52769b8c{background-color:var(--brand-deep) !important;}
.elementor-element-707bb327 > .elementor-background-overlay,
.elementor-element-9f41702 > .elementor-background-overlay{
  background:linear-gradient(120deg,rgba(14,44,70,.82),rgba(30,95,140,.55)) !important;opacity:1 !important;
}

/* ---------- 7. SAYAÇLAR: sayı bakır (koyu+açık zeminde okunur); başlık rengi ORİJİNAL ---------- */
.elementor-counter-number{font-family:"Playfair Display",Georgia,serif !important;color:var(--accent) !important;font-weight:700;font-size:clamp(38px,5vw,60px) !important;line-height:1;}
.elementor-counter .elementor-counter-title{font-family:"Inter",sans-serif !important;font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:14px !important;margin-top:8px;}

/* ---------- 8. GİRİŞ ANİMASYONU GÜVENCESİ (içerik asla görünmez kalmasın) ---------- */
.elementor-invisible{visibility:visible !important;opacity:1 !important;}
.elementor-widget[data-settings*="_animation"],
.elementor-widget[data-settings*="animation"]{opacity:1 !important;}

/* ---------- 9. KARTLAR / GÖRSELLER / HOVER ---------- */
.elementor-widget-image-box .elementor-image-box-wrapper,
.elementor-widget-icon-box .elementor-icon-box-wrapper{transition:transform .2s ease;}
.elementor-widget-image-box:hover .elementor-image-box-wrapper,
.elementor-widget-icon-box:hover .elementor-icon-box-wrapper{transform:translateY(-4px);}
.elementor-widget-image img,.elementor-image-box-img img{border-radius:12px;}
.elementor-widget-image img[src*="kitaplar"],.elementor-widget-image img[src*="lutfi"]{box-shadow:0 18px 40px -20px rgba(14,44,70,.5);}
.elementor-widget-divider .elementor-divider-separator{border-color:var(--accent) !important;}

/* ---------- 10. ORTAK İNCE DOKUNUŞLAR ---------- */
a{transition:color .18s ease,opacity .18s ease;-webkit-user-drag:none;}
::selection{background:rgba(192,138,45,.28);color:inherit;}
html{scroll-behavior:smooth;}
img{max-width:100%;height:auto;}
.elementor-location-footer,.elementor-location-footer *{-webkit-user-select:text;user-select:text;}

/* ---------- 11. MOBİL UX ---------- */
@media (max-width:1024px){
  .elementor-counter-number{font-size:clamp(34px,9vw,48px) !important;}
  /* Elementor "özel konum" (absolute) widget'ları mobil/tablet'te normal akışa döner.
     Masaüstü offset'leri dar ekranda üst üste binmeye yol açıyor (hizmet bandı,
     anasayfa CTA butonları). Akışa dönünce bölüm yükseklikleri de düzelir. */
  .elementor-widget.elementor-absolute{
    position:relative !important;
    left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
    transform:none !important;
    width:auto !important; max-width:100%;
    margin:14px auto !important;
  }
  /* danışmanlık bandındaki "Standart / Yalın Dönüşüm" öğesi diğerleriyle aynı hizada
     (sola dayalı) dursun — akışa dönünce ortalanmış kalıyordu.
     NOT: genel .elementor-widget.elementor-absolute kuralını ezmek için 3 sınıf. */
  .elementor-widget.elementor-absolute.elementor-element-63aca7f0{margin:14px 0 !important;width:100% !important;}
  .elementor-element-63aca7f0 .elementor-widget-container,
  .elementor-element-63aca7f0 .elementor-icon-box-wrapper{text-align:left !important;}
  .elementor-element-63aca7f0 .elementor-icon-box-icon{display:block;margin-left:0 !important;text-align:left !important;}
  .elementor-element-63aca7f0 .elementor-heading-title,
  .elementor-element-63aca7f0 p{text-align:left !important;}
  /* Üst menü mobil/tablette sabit (sticky) — kaydırınca yukarıda kalır */
  .elementor-location-header{
    position:sticky !important; top:0; left:0; right:0; z-index:9990;
    background:linear-gradient(120deg,#0E2C46,#164a70) !important;
    box-shadow:0 4px 18px -8px rgba(0,0,0,.45);
  }
}
@media (max-width:767px){
  /* clip: sticky header'ı bozmayan taşma kilidi (desteklemeyen eski tarayıcı hidden kullanır) */
  html,body{overflow-x:hidden;overflow-x:clip;}
  .elementor-widget-text-editor,.elementor-widget-text-editor p{font-size:17px !important;line-height:1.75 !important;}
  h1.elementor-heading-title{line-height:1.18 !important;}
  .elementor-widget-button .elementor-button{width:100%;justify-content:center;min-height:50px;padding:14px 22px !important;}
  .elementor-location-footer .elementor-icon-list-item{padding:6px 0;}
  /* footer'da alt alta dizilen bloklar arasına nefes payı (İletişim başlığı
     Blog linkine yapışıyordu) */
  .elementor-location-footer .elementor-widget-heading{margin-top:26px;}
  .elementor-location-footer .elementor-column{margin-bottom:6px;}
  /* Footer kolonları mobilde daralıp yan yana kalıyordu (adres kelime kelime
     kırılıyordu) — tam genişlikte alt alta dizilir. */
  .elementor-location-footer .elementor-column{width:100% !important;}
  .elementor-location-footer .elementor-widget-container{text-align:left;}
  /* İÇERİK sütunları da mobilde tam genişliğe geçer (Elementor'un standart
     "mobilde alt alta" davranışı; temanın özel %25-%50 sabit genişlikleri
     butonları 90px'lik sütunlara sıkıştırıp metin kırpma + taşma yapıyordu).
     Header'a dokunulmaz (logo+menü yan yana kalır). */
  [data-elementor-type="wp-page"] .elementor-column,
  [data-elementor-type="wp-post"] .elementor-column{width:100% !important;}
  /* Buton metni asla kırpılmasın */
  .elementor-button{white-space:normal !important;}
}

/* ---------- 12. ERİŞİLEBİLİRLİK ---------- */
a:focus-visible,.elementor-item:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(192,138,45,.8);outline-offset:2px;}
@media (prefers-reduced-motion:reduce){*{transition:none !important;scroll-behavior:auto !important;}}