/* ============================================================
   SHIP'S LOG — 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ş ~24 vurgu noktasını aynı seçicilerle
   üzerine yazıyoruz. Hiçbir şablon dosyasına dokunulmadı.
   ============================================================ */

:root {
    /* ── Derin deniz mavisi-yeşili vurgu (eski: turuncu #E8420A) ── */
    --clr-primary:    #1F5C57;
    --clr-primary-dk: #164742;

    /* ── Koyu deniz mürekkebi nötrler (eski: soğuk gri-900) ── */
    --clr-dark:       #16262A;
    --clr-dark-2:     #223335;
    --clr-dark-3:     #3A4A48;
    --clr-gray:       #6E7A77;
    --clr-light:      #F6F3EC;
    --clr-white:      #FFFFFF;
    --clr-border:     #DDD6C7;

    /* ── Kaptan seyir defteri tipografisi ── */
    --ff-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
    --ff-body:    'Archivo', 'Segoe UI', sans-serif;

    /* ── Daha yumuşak, sıcak tonlu gölgeler ── */
    --shadow-sm:  0 1px 3px rgba(22,38,42,.10), 0 1px 2px rgba(22,38,42,.06);
    --shadow-md:  0 6px 20px rgba(22,38,42,.10);
    --shadow-lg:  0 16px 44px rgba(22,38,42,.18);

    /* ── Daha keskin/rafine köşeler (seyir defteri hissi) ── */
    --radius-sm:  2px;
    --radius-md:  4px;
    --radius-lg:  8px;
}

body { letter-spacing: .01em; }

/* Bebas Neue'ye göre ayarlanmış geniş letter-spacing, serif ile
   sıkışık durur — daha zarif okunması için gevşetiyoruz. */
.hero h1,
.section__title,
.card__title,
.cat-card__name,
.logo,
.footer__about .footer__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 31,92,87 = #1F5C57).
   ============================================================ */

.nav__link:hover,
.nav__link.active { background: rgba(31,92,87,.08); }

.dropdown__item:hover { background: rgba(31,92,87,.08); }

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

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

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

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

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

.mega-menu__cat-item:hover,
.mega-menu__link:hover,
.mega-menu__post:hover { background: rgba(31,92,87,.08); }
.mega-menu__cat-item em,
.mega-menu__count { background: rgba(31,92,87,.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(31,92,87,.28) 0%, rgba(31,92,87,.06) 100%) !important; }
    .dropdown { border-left-color: rgba(31,92,87,.35); }
    .dropdown__item:hover { background: rgba(31,92,87,.14); }
    .mega-menu { border-left-color: rgba(31,92,87,.35) !important; }
    .mega-menu__cat-item:hover,
    .mega-menu__link:hover,
    .mega-menu__post:hover { background: rgba(31,92,87,.15) !important; }
    .mega-menu__all-link { border-color: rgba(31,92,87,.55) !important; }
}

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

/* ============================================================
   İnce ufuk çizgisi motifi — denizcilik temasına atıf.
   Bölüm başlıklarının altına ince bir ayraç ekler, hiçbir
   şablon değişikliği gerekmez (::before/::after ile enjekte edilir).
   ============================================================ */
.section__label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.section__label::before,
.section__label::after {
    content: "";
    width: 26px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--clr-primary), transparent);
}

/* Kart kenarlığı: sıcak kanvas hairline, gölge yerine öncelik */
.card,
.cat-card {
    border-color: var(--clr-border);
}
.cat-card:hover { border-color: var(--clr-primary); }