/* ============================================================
   BAR & CHAIN — Tema Katmanı
   main.css'in üzerine yüklenir (bkz. theme.php → theme_headAssets).
   Strateji: main.css zaten renk/font/gölge/radius değerlerini CSS
   değişkenleri üzerinden yönetiyor — burada sadece bu değişkenleri
   yeniden tanımlayıp, main.css'te birebir renk (rgba(232,66,10,…))
   olarak hardcode edilmiş ~22 vurgu noktasını aynı seçicilerle
   üzerine yazıyoruz. Hiçbir şablon dosyasına dokunulmadı.
   ============================================================ */

:root {
    /* ── Pine Green vurgu (eski: turuncu #E8420A) ── */
    --clr-primary:    #4E7F5C;
    --clr-primary-dk: #3D6548;
    /* Koyu zeminlerde metin olarak kullanılacak açık yeşil — --clr-primary
       (#4E7F5C) koyu arka planlarda WCAG kontrast eşiğinin (4.5:1) altında
       kalıyor (2.80:1); bu değişken sadece o bağlamlarda kullanılıyor. */
    --clr-primary-lt: #8FBF9C;

    /* ── Orman zemini / çelik nötrler (eski: soğuk gri-mavi #111827) ── */
    --clr-dark:       #2B332C;
    --clr-dark-2:     #445245;
    --clr-dark-3:     #5C6B5E;
    --clr-gray:       #6E7268;
    --clr-light:      #F3F2EA;
    --clr-white:      #FFFFFF;
    --clr-border:     #DCE0D5;

    /* ── Endüstriyel spec-sheet tipografisi ── */
    --ff-display: 'Big Shoulders Display', Impact, 'Arial Narrow', sans-serif;
    --ff-body:    'IBM Plex Sans', -apple-system, 'Segoe UI', sans-serif;

    /* ── Daha yumuşak, koyu-yeşil tonlu gölgeler ── */
    --shadow-sm:  0 1px 3px rgba(43,51,44,.10), 0 1px 2px rgba(43,51,44,.06);
    --shadow-md:  0 4px 16px rgba(43,51,44,.12);
    --shadow-lg:  0 10px 40px rgba(43,51,44,.18);

    /* ── Daha keskin, alet-kutusu hissi veren köşeler ── */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg:  14px;
}

/* Big Shoulders Display zaten dar/kondanse — Bebas Neue'ye göre
   ayarlanmış letter-spacing üstüne binip sıkışık durabiliyor,
   biraz gevşetiyoruz. */
.hero h1,
.section__title,
.card__title,
.cat-card__name,
.logo {
    letter-spacing: normal;
}

/* ============================================================
   main.css'te değişken DEĞİL, birebir rgba(232,66,10,…) olarak
   hardcode edilmiş vurgu noktaları — aynı seçicilerle üzerine
   yazılıyor (RGB 78,127,92 = #4E7F5C).
   ============================================================ */

.nav__link:hover,
.nav__link.active { background: rgba(78,127,92,.08); }

.dropdown__item:hover { background: rgba(78,127,92,.08); }

.nav-toggle { box-shadow: 0 2px 8px rgba(78,127,92,.35); }
.nav-toggle:hover { box-shadow: 0 4px 14px rgba(78,127,92,.5); }

.btn--primary:hover { box-shadow: 0 4px 15px rgba(78,127,92,.35); }

.hero__badge {
    background: rgba(78,127,92,.15);
    border-color: rgba(78,127,92,.35);
}

.cat-card:hover { box-shadow: 0 0 0 3px rgba(78,127,92,.12); }
.cat-card__icon { background: rgba(78,127,92,.12); }

.form-control:focus { box-shadow: 0 0 0 3px rgba(78,127,92,.12); }

.mega-menu__cat-item:hover,
.mega-menu__link:hover,
.mega-menu__post:hover { background: rgba(78,127,92,.08); }
.mega-menu__cat-item em,
.mega-menu__count { background: rgba(78,127,92,.12); }

/* Mobil menü çekmecesi (@media max-width:1024px içindeki hardcode'lar) */
@media (max-width: 1024px) {
    .nav__link:hover,
    .nav__link.active { background: linear-gradient(90deg, rgba(78,127,92,.28) 0%, rgba(78,127,92,.06) 100%) !important; }
    .dropdown { border-left-color: rgba(78,127,92,.35); }
    .dropdown__item:hover { background: rgba(78,127,92,.14); }
    .mega-menu { border-left-color: rgba(78,127,92,.35) !important; }
    .mega-menu__cat-item:hover,
    .mega-menu__link:hover,
    .mega-menu__post:hover { background: rgba(78,127,92,.15) !important; }
    .mega-menu__all-link { border-color: rgba(78,127,92,.55) !important; }
}

/* Sayfa üstü banner (Blog, Kategoriler vb.): main.css'te gradyanın
   ikinci ucu hardcode soğuk lacivert (#1e293b) — orman tonuna çeviriyoruz. */
.page-hero {
    background: linear-gradient(135deg, var(--clr-dark) 0%, var(--clr-dark-2) 100%);
}

/* ── Kart kenarlığı: sage-yeşili hairline, gölge yerine öncelik ── */
.card,
.cat-card {
    border-color: var(--clr-border);
}
.cat-card:hover { border-color: var(--clr-primary); }

/* ============================================================
   Kontrast düzeltmesi (PageSpeed/Lighthouse Accessibility):
   --clr-primary koyu zeminlerde (header mobil, footer, çerez
   banner'ı) metin rengi olarak 2.80:1 kontrast veriyor — WCAG AA
   eşiği 4.5:1. Sadece bu koyu-zemin bağlamlarında --clr-primary-lt
   (açık yeşil, 6.3:1) kullanılıyor; açık zeminlerdeki --clr-primary
   kullanımlarına dokunulmadı (orada kontrast zaten yeterli).
   ============================================================ */
.header__mobile-tagline { color: var(--clr-primary-lt); }

.footer .btn--outline { color: var(--clr-primary-lt); border-color: var(--clr-primary-lt); }
.footer .btn--outline:hover { background: var(--clr-primary-lt); color: var(--clr-dark); }
.footer__links a::before,
.footer__links a:hover,
.footer__contact-list i,
.footer__contact-list a:hover { color: var(--clr-primary-lt); }

#cookieConsent .cc-desc a { color: var(--clr-primary-lt); }