/* ═══════════════════════════════════════════════════════
   RAMOS NJT — DARK GREEN + GOLD: Sayfa Ortak Teması
   kvkk.php / cerez-politikasi.php / sozlesme.php / rehber.php
═══════════════════════════════════════════════════════ */

/* ─── GENEL ─────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

html, body {
    background: #080f0d !important;
    color: #F2ECE0 !important;
    -webkit-font-smoothing: antialiased;
}

a { color: #C9A84C !important; }
a:hover { color: #E2C060 !important; text-decoration: underline; }

::-webkit-scrollbar { width: 7px; }
::-webkit-scrollbar-track { background: #0d1a16; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#C9A84C,#A8862E); border-radius: 6px; }

/* ─── NAVBAR ────────────────────────────────────── */
.navbar, .navbar.scrolled {
    background:
        radial-gradient(ellipse 70% 60% at 50% -10%, rgba(201,168,76,.35) 0%, rgba(201,168,76,.08) 40%, transparent 70%),
        linear-gradient(180deg, #0e0a00 0%, #1e1500 35%, #2a1c00 65%, #1a1100 100%) !important;
    border-bottom: 1px solid rgba(201,168,76,0.3) !important;
    box-shadow: 0 2px 24px rgba(0,0,0,0.5), 0 1px 0 rgba(201,168,76,0.12) inset !important;
    backdrop-filter: blur(20px) !important;
}
.logo, .logo h1 {
    background: linear-gradient(135deg,#C9A84C,#A8862E) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.back-btn {
    color: #C9A84C !important;
    border-color: rgba(201,168,76,0.3) !important;
    background: rgba(201,168,76,0.06) !important;
}
.back-btn:hover {
    background: rgba(201,168,76,0.15) !important;
    color: #E2C060 !important;
    text-decoration: none !important;
}
.nav-links a, .nav-right a { color: #9a9486 !important; }
.nav-links a:hover { color: #C9A84C !important; }

/* ─── HERO / PAGE HERO ───────────────────────────── */
.hero, .page-hero, .rh-hero {
    background:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(201,168,76,.18) 0%, transparent 60%),
        linear-gradient(165deg, #100c00 0%, #241800 50%, #1a1100 100%) !important;
    border-bottom: 1px solid rgba(201,168,76,0.15) !important;
}
.hero h1, .page-hero h1, .rh-hero h1 { color: #F2ECE0 !important; }
.hero h1 span, .page-hero h1, .rh-hero h1 em { color: #C9A84C !important; }
.hero-meta span, .page-hero p, .rh-hero p { color: #9a9486 !important; }
.hero-meta span i { color: #C9A84C !important; }
.hero-badge {
    background: rgba(201,168,76,0.12) !important;
    border-color: rgba(201,168,76,0.3) !important;
    color: #C9A84C !important;
}

/* ─── SIDEBAR NAV ────────────────────────────────── */
.side-nav {
    background:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(201,168,76,.08) 0%, transparent 55%),
        linear-gradient(180deg,#060e0b,#0d1a16) !important;
    border-right: 1px solid rgba(201,168,76,0.12) !important;
}
.side-nav-title { color: rgba(201,168,76,0.5) !important; }
.side-link { color: #9a9486 !important; border-left-color: transparent !important; }
.side-link:hover {
    color: #F2ECE0 !important;
    background: rgba(201,168,76,0.06) !important;
    text-decoration: none !important;
}
.side-link.active {
    color: #C9A84C !important;
    border-left-color: #C9A84C !important;
    background: rgba(201,168,76,0.08) !important;
}
.side-link .snum { color: rgba(201,168,76,0.35) !important; }
.side-link.active .snum { color: #C9A84C !important; }
.side-nav::-webkit-scrollbar-thumb { background: rgba(201,168,76,0.2) !important; }

/* ─── CONTENT AREA ───────────────────────────────── */
.content-area, .container, .rh-content {
    background:
        radial-gradient(ellipse 60% 40% at 50% 0%, rgba(201,168,76,.06) 0%, transparent 50%),
        linear-gradient(180deg,#080f0d,#0a1209) !important;
}

/* ─── SECTION / KART BLOKLARI ────────────────────── */
.sec, .section {
    border-color: transparent !important;
}
.sec-header, .section h2 {
    color: #F2ECE0 !important;
    border-bottom: 1px solid rgba(201,168,76,0.15) !important;
}
.sec-header .sec-icon {
    background: rgba(201,168,76,0.12) !important;
    color: #C9A84C !important;
    border-color: rgba(201,168,76,0.2) !important;
}
.sec-num { color: #C9A84C !important; }
.section h2 { color: #C9A84C !important; }

/* ─── PARAGRAF / LİSTE ──────────────────────────── */
.content-area p, .container p, p,
.content-area li, .container li, li { color: #b0a89a !important; }
ul li::before { color: #C9A84C !important; }
strong, b { color: #F2ECE0 !important; }

/* ─── INFO KUTUSU / HIGHLIGHT ────────────────────── */
.info-box, .highlight-box, .note-box, .tip-box, .warn-box, .kv-notice {
    background: rgba(201,168,76,0.07) !important;
    border-color: rgba(201,168,76,0.22) !important;
    color: #b0a89a !important;
}
.info-box i, .kv-notice i { color: #C9A84C !important; }

/* ─── TABLO ──────────────────────────────────────── */
.cookie-table, table { border-collapse: collapse; width: 100%; }
.cookie-table th, thead th {
    background: rgba(201,168,76,0.12) !important;
    color: #C9A84C !important;
    border-bottom: 1px solid rgba(201,168,76,0.2) !important;
}
.cookie-table td, tbody td {
    color: #b0a89a !important;
    border-bottom: 1px solid rgba(201,168,76,0.07) !important;
}
.cookie-table tr:hover td, tbody tr:hover td {
    background: rgba(201,168,76,0.05) !important;
}

/* ─── BADGE / TAG ────────────────────────────────── */
.tag { font-size: 0.68rem !important; font-weight: 600 !important; padding: 2px 8px !important; border-radius: 10px !important; }
.tag-zorunlu { background: rgba(239,68,68,0.15) !important; color: #f87171 !important; }
.tag-tercihli { background: rgba(59,130,246,0.15) !important; color: #60a5fa !important; }
.tag-istatistik { background: rgba(201,168,76,0.15) !important; color: #C9A84C !important; }

/* ─── REHBERdeki KARTLAR ─────────────────────────── */
.rh-card, .region-card, .info-card, .card-grid .card, .rh-grid .rh-item {
    background: linear-gradient(165deg, rgba(15,38,30,.78) 0%, rgba(8,20,16,.78) 100%) !important;
    border: 1px solid rgba(201,168,76,0.18) !important;
    backdrop-filter: blur(16px) !important;
    color: #F2ECE0 !important;
}
.rh-card:hover, .region-card:hover {
    border-color: rgba(201,168,76,0.45) !important;
    box-shadow: 0 16px 48px rgba(0,0,0,0.4) !important;
}
.rh-card h3, .rh-card h4, .region-card h3 { color: #F2ECE0 !important; }
.rh-card p, .region-card p { color: #9a9486 !important; }
.rh-card .badge, .region-badge {
    background: linear-gradient(135deg,#C9A84C,#A8862E) !important;
    color: #fff !important;
}

/* ─── BÜYÜK HERO BANNER (rehber sayfası) ─────────── */
.region-hero, .dest-hero, .section-hero {
    position: relative !important;
    overflow: hidden !important;
}
.region-hero::after, .dest-hero::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to right, rgba(8,15,13,0.85) 0%, rgba(8,15,13,0.4) 60%, rgba(8,15,13,0.65) 100%) !important;
}
.region-hero h1, .dest-hero h1, .region-hero .hero-title { color: #fff !important; }
.region-hero .hero-sub { color: rgba(242,236,224,0.75) !important; }

/* ─── DİL SEÇİCİ (sözleşme) ─────────────────────── */
.lang-switcher { gap: 6px !important; }
.lang-btn {
    border-color: rgba(201,168,76,0.2) !important;
    color: #9a9486 !important;
    background: transparent !important;
}
.lang-btn:hover { color: #C9A84C !important; border-color: rgba(201,168,76,0.4) !important; }
.lang-btn.active {
    background: rgba(201,168,76,0.12) !important;
    border-color: rgba(201,168,76,0.4) !important;
    color: #C9A84C !important;
}

/* ─── BUTONLAR ───────────────────────────────────── */
.btn-gold, .btn-primary, .cta-btn {
    background: linear-gradient(135deg,#C9A84C,#A8862E) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 18px rgba(201,168,76,0.35) !important;
}
.btn-gold:hover, .btn-primary:hover {
    box-shadow: 0 8px 28px rgba(201,168,76,0.5) !important;
    text-decoration: none !important;
}
.btn-outline, .btn-secondary {
    background: transparent !important;
    border: 1px solid rgba(201,168,76,0.35) !important;
    color: #C9A84C !important;
}
.btn-outline:hover { background: rgba(201,168,76,0.1) !important; }

/* ─── FOOTER ─────────────────────────────────────── */
.footer, .page-footer {
    background: #040a08 !important;
    border-top: 1px solid rgba(201,168,76,0.15) !important;
    color: #9a9486 !important;
}
.footer a, .page-footer a { color: #9a9486 !important; }
.footer a:hover, .page-footer a:hover { color: #C9A84C !important; }

/* ─── İKON RENK DÜZELTME ────────────────────────── */
.fa-shield-alt, .fa-lock, .fa-info-circle,
.fa-check-circle, .fa-cookie-bite, .fa-file-alt {
    color: #C9A84C !important;
}

/* ─── CONTACT / ALT BİLGİ KUTUSU ────────────────── */
.contact-box, .kv-contact {
    background: rgba(201,168,76,0.07) !important;
    border: 1px solid rgba(201,168,76,0.18) !important;
    border-radius: 16px !important;
    color: #b0a89a !important;
}
.contact-box strong, .kv-contact strong { color: #F2ECE0 !important; }