/**
 * Prime EMS — premium görünüm katmanı (site geneli + ana sayfa)
 * Yüklenme: theme → footer-fixes → modern-enhancements → site-ui → bu dosya
 * Ağır animasyon yok; prefers-reduced-motion saygılı.
 */

:root {
    --elevated-body-bg: linear-gradient(165deg, #fafbfc 0%, #ffffff 38%, #f6f7f9 100%);
    --elevated-dark-section-bg:
        radial-gradient(ellipse 90% 55% at 50% -15%, rgba(255, 215, 0, 0.14), transparent 55%),
        radial-gradient(ellipse 50% 45% at 105% 40%, rgba(255, 193, 7, 0.06), transparent 50%),
        radial-gradient(ellipse 40% 35% at -5% 60%, rgba(255, 255, 255, 0.04), transparent 45%),
        linear-gradient(180deg, #1a1a1a 0%, #242424 42%, #1e1e1e 100%);
    --elevated-gray-section-bg: linear-gradient(180deg, #fafafa 0%, #f3f4f6 55%, #f7f7f7 100%);
    --elevated-footer-top-glow: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.35), transparent);
    --elevated-shadow-deep: 0 24px 48px rgba(0, 0, 0, 0.12);
    --elevated-shadow-gold: 0 12px 40px rgba(255, 215, 0, 0.18);
    --elevated-radius-btn: 14px;
    --elevated-radius-card: 18px;
}

/* ----- Sayfa zemini (kalori / liste gibi koyu özel sayfalar hariç) ----- */
body.site-page:not(.kalori-page):not(.liste-page) {
    background: var(--elevated-body-bg);
    background-attachment: fixed;
}

@media (max-width: 768px) {
    body.site-page:not(.kalori-page):not(.liste-page) {
        background-attachment: scroll;
    }
}

body.site-page:not(.kalori-page):not(.liste-page)::selection,
body.site-page:not(.kalori-page):not(.liste-page) *::selection {
    background: rgba(255, 215, 0, 0.35);
    color: var(--prime-dark, #2b2b2b);
}

/* ── Fixed navbar offset — prevents content from hiding under navbar ──────
   Navbar gerçek yüksekliği 123px (ölçüldü). Blog sayfaları blog-fix.css
   üzerinden zaten handle ediliyor; diğer tüm .site-page sayfaları buradan.   ─────────────────────────────────────────────────────────────────────── */
body.site-page {
    padding-top: 123px;
}

@media (max-width: 991.98px) {
    body.site-page {
        padding-top: 90px;
    }
}

/* Ana içerik: hafif üst ışık (vurgu) */
body.site-page #main-content {
    position: relative;
}

body.home-page #main-content::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0 0 auto 0;
    height: min(42vh, 520px);
    background: radial-gradient(ellipse 70% 80% at 50% -10%, rgba(255, 215, 0, 0.06), transparent 70%);
    z-index: 0;
}

body.home-page #main-content > * {
    position: relative;
    z-index: 1;
}

/* ----- Bölüm atmosferi ----- */
body.site-page .prime-section-dark {
    background: var(--elevated-dark-section-bg);
    color: var(--prime-white, #fff);
}

body.site-page .prime-section-dark h1,
body.site-page .prime-section-dark h2,
body.site-page .prime-section-dark h3,
body.site-page .prime-section-dark h4,
body.site-page .prime-section-dark .display-1,
body.site-page .prime-section-dark .display-2,
body.site-page .prime-section-dark .display-3,
body.site-page .prime-section-dark .display-4,
body.site-page .prime-section-dark .display-5,
body.site-page .prime-section-dark .display-6 {
    color: inherit;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

body.site-page .prime-section-gray,
body.site-page .prime-section.bg-light {
    background: var(--elevated-gray-section-bg);
}

body.site-page .prime-section:not(.prime-section-dark):not(.hero-section) {
    border-block-end: 1px solid rgba(0, 0, 0, 0.04);
}

body.site-page .prime-section-dark {
    border-block-end: 1px solid rgba(255, 255, 255, 0.06);
}

/* Altın çizgi vurgusu: gold-accent biraz daha “premium” */
body.site-page .gold-accent::after {
    width: 72px;
    height: 4px;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.45);
}

/* ----- Kartlar & yüzeyler ----- */
body.site-page .card:not(.border-0),
body.site-page .prime-card {
    border-radius: var(--elevated-radius-card);
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.25s ease;
}

@media (hover: hover) and (pointer: fine) {
    body.site-page .card:hover:not(.no-elevated-hover),
    body.site-page .prime-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--elevated-shadow-deep);
        border-color: rgba(255, 215, 0, 0.22);
    }
}

body.site-page .surface-card {
    border-radius: var(--elevated-radius-card);
}

/* ----- Butonlar ----- */
body.site-page .btn-prime {
    border-radius: var(--elevated-radius-btn);
    box-shadow: 0 4px 14px rgba(255, 215, 0, 0.35);
}

body.site-page .btn-prime:hover {
    box-shadow: var(--elevated-shadow-gold);
}

body.site-page .btn-outline-primary,
body.site-page .btn-outline-light {
    border-radius: var(--elevated-radius-btn);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

@media (hover: hover) and (pointer: fine) {
    body.site-page .btn-outline-light:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    }
}

/* ----- Navbar: ince alt çizgi + cam ----- */
body.site-page .navbar.navbar-expand-lg.fixed-top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(14px) saturate(1.2);
    -webkit-backdrop-filter: blur(14px) saturate(1.2);
}

body.site-page .navbar.scrolled {
    border-bottom-color: rgba(255, 215, 0, 0.25);
}

/* ----- Footer ----- */
body.site-page .footer-main {
    position: relative;
    background: linear-gradient(180deg, #141414 0%, #1a1a1a 40%, #161616 100%);
    border-top: 1px solid rgba(255, 215, 0, 0.12);
}

body.site-page .footer-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: var(--elevated-footer-top-glow);
    opacity: 0.9;
    pointer-events: none;
}

body.site-page .footer-brand {
    background: var(--prime-gradient, linear-gradient(135deg, #ffd700, #ffc700));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 24px rgba(255, 215, 0, 0.15));
}

body.site-page .footer-brand .bi,
body.site-page .footer-brand i {
    -webkit-text-fill-color: var(--prime-gold, #ffd700);
    filter: none;
}

body.site-page .social-icons .social-link {
    border-radius: 12px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

@media (hover: hover) and (pointer: fine) {
    body.site-page .social-icons .social-link:hover {
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
    }
}

/* ----- Ana sayfa: başlık okunabilirliği ----- */
body.home-page .display-4,
body.home-page .display-5 {
    text-wrap: balance;
    letter-spacing: -0.03em;
}

/* Zaman karşılaştırması kartları — cam hissi */
body.home-page .home-time-comparison-row .comparison-card.bg-opacity-10 {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.home-page .home-comparison-card-prime {
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
}

/* ----- Randevu / booking hero ----- */
body.booking-page .booking-hero {
    background: var(--elevated-dark-section-bg);
    position: relative;
    overflow: hidden;
}

body.booking-page .booking-hero::after {
    content: "";
    position: absolute;
    inset: auto -20% -40% -20%;
    height: 60%;
    background: radial-gradient(ellipse at center, rgba(255, 215, 0, 0.08), transparent 70%);
    pointer-events: none;
}

/* ----- Blog liste: kart ızgarası ----- */
body.blog-page .card,
body.blog-detail-page .card,
body.search-results .card,
body.search-page .card {
    overflow: hidden;
}

/* ----- Erişilebilirlik ----- */
@media (prefers-reduced-motion: reduce) {
    body.site-page .card,
    body.site-page .prime-card,
    body.site-page .btn-prime,
    body.site-page .btn-outline-light,
    body.site-page .social-icons .social-link {
        transition: none !important;
    }

    @media (hover: hover) {
        body.site-page .card:hover,
        body.site-page .prime-card:hover,
        body.site-page .btn-outline-light:hover,
        body.site-page .social-icons .social-link:hover {
            transform: none !important;
        }
    }

    body.home-page #main-content::before {
        display: none;
    }
}