/* ==========================================================================
   DEMO ORTAK KATMANI — tum demo temalarinda yuklenir (mega.css'ten sonra,
   demoN.css'ten once).

   Amac: style.css bazi bolumleri KOYU zeminli tasarlamisti (metinler #fff,
   gradient text, seffaf text-fill). Acik zeminli her demo temasi ayni
   artiklarla bogusuyor. Bu dosya o notrlemeleri TEK yerde toplar; renkler
   degiskenlerden gelir, boylece her demo kendi paletini uygular.

   demoN.css'te tanimlanmasi beklenen degiskenler:
     --brand, --brand-deep, --ink, --ink-2, --muted, --muted-2,
     --line, --line-2, --surface, --surface-2, --surface-3
   Hepsinin makul varsayilani asagida vardir.
   ========================================================================== */

:root {
    --brand:      #2f7a35;
    --brand-deep: #24602a;
    --ink:       #101820;
    --ink-2:     #26313c;
    --muted:     #6a7682;
    --muted-2:   #8b95a1;
    --line:      #e4e7ea;
    --line-2:    #eef0f2;
    --surface:   #ffffff;
    --surface-2: #f7f8f9;
    --surface-3: #eff1f3;

    /* style.css'in eski degisken ailesi — tek noktadan devralinir */
    --green:        var(--brand);
    --green-dark:   var(--brand-deep);
    --green-darker: #16212b;      /* NOTR: koyu gradyan zeminlerde kullaniliyor */
    --green-light:  #4a9450;
    --green-pale:   #f3f6f4;

    --bg:        var(--surface);
    --bg-soft:   var(--surface-2);
    --bg-accent: var(--surface-3);
    --bg-deep:   #e4e7ea;

    --dark:   var(--ink);
    --dark-2: #16212b;
    --dark-3: #1c2833;
    --darker: #0b1219;

    --text:            var(--ink-2);
    --text-light:      #ffffff;
    --text-muted:      var(--muted);
    --text-muted-dark: #9aa5b1;

    --border:      var(--line);
    --border-dark: rgba(255, 255, 255, 0.12);

    --card:        #ffffff;
    --card-hover:  var(--surface-2);
    --card-border: var(--line);

    --shadow-sm:   0 2px 8px rgba(16, 24, 32, 0.06);
    --shadow-md:   0 8px 26px rgba(16, 24, 32, 0.09);
    --shadow-lg:   0 18px 48px rgba(16, 24, 32, 0.13);
    --shadow-glow: 0 8px 26px rgba(16, 24, 32, 0.14);

    /* Mega menu — notr varsayilan */
    --mega-bg: #fff;
    --mega-side-bg: var(--surface-2);
    --mega-border: var(--line);
    --mega-text: var(--ink-2);
    --mega-active-text: var(--ink);
    --mega-active-bg: #fff;
    --mega-active-ico-border: #d8dde2;
    --mega-ico-color: var(--muted);
    --mega-muted: var(--muted);
    --mega-item-hover: var(--surface-2);
    --mega-foot-hover: var(--surface-3);
    --mega-ico-bg: #fff;
    --mega-radius: 12px;
    --mega-shadow: 0 20px 48px rgba(16, 24, 32, 0.11);
}

/* ---------- Demo serit ---------- */
.ddtk-demo-bar { background: var(--ink); color: #fff; font-size: 0.78rem; text-align: center; padding: 0.42rem 1rem; }
.ddtk-demo-bar span { opacity: 0.6; }

/* ==========================================================================
   KOYU ZEMIN ARTIKLARI — acik zeminde gorunmez kalan metinler
   ========================================================================== */

/* `.accent` bazi bolumlerde gradient metin olarak yaziliyor
   (background-clip: text + -webkit-text-fill-color: transparent). Demo temasi
   `color` verse bile fill seffaf kaldigi icin metin gorunmez oluyor.
   Genel sifirlama — her demo `.accent` rengini kendi paletinden verir. */
.section-title .accent, .about-content .accent, h2 .accent, h3 .accent {
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: currentColor;
}

/* Urunler bolumu: baslik #fff, desc beyaz-saydam, .accent gradient + seffaf fill */
.products { background: var(--surface-2); }
.products::before { display: none; }
.products .section-title { color: var(--ink); }
.products .section-title .accent {
    color: var(--brand);
    background: none;
    -webkit-text-fill-color: var(--brand);
    -webkit-background-clip: border-box;
    background-clip: border-box;
}
.products .section-desc { color: var(--muted); }
.products .section-kicker { color: var(--brand); }
.product-panel-head h3 { color: var(--ink) !important; }
.pp-count, .pp-key { color: var(--muted) !important; background: #fff; border-color: var(--line); }

/* Istatistik seridi: .stat-num gradient(#fff -> yesil), .stat-lbl beyaz */
.stats-strip { background: var(--surface-2); border: 1px solid var(--line); box-shadow: none; }
.stats-strip::before { display: none; }
.stats-strip .stat-num {
    color: var(--ink) !important;
    background: none !important;
    -webkit-text-fill-color: var(--ink) !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
}
.stats-strip .stat-lbl { color: var(--ink-2) !important; }
.stats-strip .stat-item + .stat-item { border-left-color: var(--line); }

/* Hakkimizda gorseli: koyu yesil gradyan zemin */
.about-visual::before { display: none; }
.about-visual-inner { position: absolute; inset: 0; padding: 0; }
.about-visual-inner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.about-visual-badge .num span { color: #7fd186 !important; }

/* Dil menusu: aktif dilin metni beyaz kaliyordu */
.lang-item, .lang-item span, .lang-item strong { color: var(--ink-2); }
.lang-item.active, .lang-item.active span, .lang-item.active strong { color: var(--ink) !important; }
.lang-item.active svg { color: var(--brand) !important; stroke: var(--brand) !important; }
.lang-badge { color: var(--ink-2) !important; }
.lang-toggle, .lang-toggle * { color: var(--ink-2); }
.lang-toggle:hover, .lang-toggle:hover *,
.lang-toggle[aria-expanded="true"], .lang-toggle[aria-expanded="true"] * { color: var(--ink) !important; }
.lang-toggle:hover svg, .lang-toggle[aria-expanded="true"] svg { stroke: var(--brand) !important; color: var(--brand) !important; }
.lang-menu { background: #fff; border: 1px solid var(--line); }

/* Yuzen butonlar: ikon rengi butonun tema renginden geliyordu (zeminle ayni) */
.float-btn .fb-icon { color: #fff !important; background: transparent !important; }
.float-quote .fb-icon svg, .float-call .fb-icon svg { stroke: #fff !important; }
.float-wa .fb-icon svg { fill: #fff !important; }
.float-btn .fb-label, .float-btn span:not(.fb-icon) { color: #fff !important; }
.float-wa::before { display: none !important; }

/* Hero'daki ikincil buton: style.css `.hero .btn-ghost { color: #fff }` veriyor
   (koyu zeminli ozgun tasarim). Acik dolgulu butonda metin kayboluyordu. */
.hero .btn-ghost, .slide-actions .btn-ghost { color: var(--ink); }
.hero .btn-ghost:hover, .slide-actions .btn-ghost:hover { color: var(--ink); }

/* Mobil alt bar */
.mobile-bar { background: #fff; border-top: 1px solid var(--line); }
.mobile-bar .mb-quote { background: var(--ink); color: #fff !important; }
.mobile-bar .mb-wa { background: #25a95d; color: #fff !important; }
.mobile-bar .mb-quote svg, .mobile-bar .mb-wa svg { color: #fff; }
.mobile-bar .mb-call { color: var(--brand) !important; }
.mobile-bar .mb-call-btn { background: var(--brand); border-color: #fff; color: #fff; }

/* Mobil menu dugmesi acik zeminde beyaz kaliyordu */
.nav-toggle, .nav-toggle span, .nav-toggle svg { color: var(--ink) !important; }
.nav-toggle span { background: var(--ink) !important; }

/* Sabit yazilmis haki tonlari (rgba(138,139,79,…)) — degisken olmadigi icin
   devralmayla temizlenmez */
.slide-overlay::after { display: none; }          /* haki kareli desen */
.dropdown-list a:hover { background: var(--surface-2); border-color: var(--line); }
.dd-ico { background: var(--surface-2); border: 1px solid var(--line); color: var(--muted); }
.dropdown-footer { background: var(--surface-2) !important; border-top: 1px solid var(--line); color: var(--brand); }
.dropdown { border: 1px solid var(--line); background: #fff; }
.scroll-indicator::after { background: linear-gradient(to bottom, var(--muted-2), transparent); }
.service-items li::before { background: var(--muted-2); }
.product-card .dot { background: var(--muted-2); }
.sd-links a:hover .sd-li-icon { background: var(--surface-3); color: var(--ink); }
.lb-close:hover, .lb-arrow:hover { background: rgba(255, 255, 255, 0.22); }

/* Footer: bulten bandi ile sutunlar bitisikti */
.footer-newsletter { padding: 2.6rem 0; }
.footer-grid { padding-top: 3.5rem; }
.footer-grid .footer-title { margin-bottom: 1.4rem; }