/* =========================================================
   Gamane | Bright Cinematic Theme
   نسخه یکپارچه با روشنایی بیشتر و حفظ خوانایی متن
   ========================================================= */

:root {
    --gamane-image-brightness: 1.12;
    --gamane-image-contrast: 1.03;
    --gamane-image-saturation: 1.06;

    --gamane-glass-dark: rgba(7, 7, 7, 0.20);
    --gamane-shadow-light: rgba(0, 0, 0, 0.30);
    --gamane-shadow-medium: rgba(0, 0, 0, 0.38);
}


/* =========================================================
   پس‌زمینه عمومی سایت
   ========================================================= */

body {
    background:
        radial-gradient(
            circle at 18% 8%,
            rgba(244, 189, 72, 0.11),
            transparent 30%
        ),
        radial-gradient(
            circle at 82% 4%,
            rgba(184, 115, 51, 0.13),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #080808 0%,
            #11100e 46%,
            #080808 100%
        );
}

.cinematic-section,
.section-bg {
    background: #080808;
}

.cinematic-section:not(.layers-image-section) .section-bg img {
    filter:
        brightness(var(--gamane-image-brightness))
        contrast(var(--gamane-image-contrast))
        saturate(var(--gamane-image-saturation));
}


/* =========================================================
   هدر
   ========================================================= */

.site-header {
    background:
        linear-gradient(
            180deg,
            rgba(5, 5, 5, 0.54),
            rgba(5, 5, 5, 0.10)
        );
}

.site-header.is-scrolled {
    background: rgba(10, 10, 9, 0.68);
    box-shadow:
        0 16px 50px rgba(0, 0, 0, 0.30),
        inset 0 -1px 0 rgba(244, 189, 72, 0.06);
}


/* =========================================================
   نویز و محوشدگی میان سکشن‌ها
   ========================================================= */

.section-noise {
    opacity: 0.075;
}

.section-fade--top {
    background:
        linear-gradient(
            180deg,
            rgba(3, 3, 3, 0.42),
            transparent
        );
}

.section-fade--bottom {
    background:
        linear-gradient(
            0deg,
            rgba(3, 3, 3, 0.46),
            transparent
        );
}


/* =========================================================
   هیرو
   ========================================================= */

.section-overlay--hero {
    background:
        radial-gradient(
            circle at 24% 46%,
            rgba(244, 189, 72, 0.13),
            transparent 33%
        ),
        linear-gradient(
            90deg,
            rgba(3, 3, 3, 0.34) 0%,
            rgba(3, 3, 3, 0.12) 30%,
            rgba(3, 3, 3, 0.01) 58%,
            rgba(3, 3, 3, 0.16) 100%
        ),
        linear-gradient(
            180deg,
            rgba(3, 3, 3, 0.08) 0%,
            transparent 42%,
            rgba(3, 3, 3, 0.34) 100%
        );
}

.hero-panel {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(244, 189, 72, 0.18),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.13),
            rgba(255, 255, 255, 0.04)
        ),
        rgba(7, 7, 7, 0.18);

    box-shadow:
        0 28px 82px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.hero-panel-card {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.09),
            rgba(255, 255, 255, 0.025)
        ),
        rgba(0, 0, 0, 0.18);
}


/* =========================================================
   سکشن‌های عمیق
   ========================================================= */

.section-overlay--deep {
    background:
        radial-gradient(
            circle at 70% 32%,
            rgba(244, 189, 72, 0.12),
            transparent 36%
        ),
        radial-gradient(
            circle at 20% 90%,
            rgba(184, 115, 51, 0.16),
            transparent 40%
        ),
        linear-gradient(
            90deg,
            rgba(3, 3, 3, 0.30) 0%,
            rgba(3, 3, 3, 0.06) 46%,
            rgba(3, 3, 3, 0.28) 100%
        ),
        linear-gradient(
            180deg,
            rgba(3, 3, 3, 0.30) 0%,
            rgba(3, 3, 3, 0.02) 42%,
            rgba(3, 3, 3, 0.34) 100%
        );
}

.insight-card {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.14),
            rgba(255, 255, 255, 0.04)
        ),
        rgba(6, 6, 6, 0.22);

    box-shadow:
        0 22px 68px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.insight-card:hover {
    box-shadow:
        0 30px 90px rgba(0, 0, 0, 0.40),
        0 0 58px rgba(244, 189, 72, 0.15);
}


/* =========================================================
   تصویر لایه‌های معدن
   ========================================================= */

.layers-image-section .section-bg img {
    filter:
        brightness(1.08)
        contrast(1.04)
        saturate(1.07);
}

.layers-image-section .section-overlay--layers {
    background:
        radial-gradient(
            circle at 72% 24%,
            rgba(244, 189, 72, 0.10),
            transparent 30%
        ),
        linear-gradient(
            90deg,
            rgba(3, 3, 3, 0.20) 0%,
            rgba(3, 3, 3, 0.06) 28%,
            rgba(3, 3, 3, 0.01) 52%,
            rgba(3, 3, 3, 0.10) 78%,
            rgba(3, 3, 3, 0.22) 100%
        ),
        linear-gradient(
            180deg,
            rgba(3, 3, 3, 0.16) 0%,
            rgba(3, 3, 3, 0.01) 42%,
            rgba(3, 3, 3, 0.26) 100%
        );
}

.layers-image-section .section-fade--top {
    background:
        linear-gradient(
            180deg,
            rgba(3, 3, 3, 0.30),
            rgba(3, 3, 3, 0.06) 50%,
            transparent
        );
}

.layers-image-section .section-fade--bottom {
    background:
        linear-gradient(
            0deg,
            rgba(3, 3, 3, 0.44),
            rgba(3, 3, 3, 0.10) 54%,
            transparent
        );
}

.layer-row {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.12),
            rgba(255, 255, 255, 0.032)
        ),
        rgba(5, 5, 5, 0.18);

    box-shadow:
        0 18px 56px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}


/* =========================================================
   بخش گزارش‌ها
   ========================================================= */

.section-overlay--reports {
    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(244, 189, 72, 0.20),
            transparent 35%
        ),
        radial-gradient(
            circle at 16% 82%,
            rgba(184, 115, 51, 0.19),
            transparent 40%
        ),
        linear-gradient(
            90deg,
            rgba(3, 3, 3, 0.44),
            rgba(3, 3, 3, 0.16),
            rgba(3, 3, 3, 0.44)
        ),
        linear-gradient(
            180deg,
            rgba(3, 3, 3, 0.48),
            rgba(3, 3, 3, 0.08),
            rgba(3, 3, 3, 0.50)
        );
}

.reports-board {
    background:
        radial-gradient(
            circle at 78% 12%,
            rgba(244, 189, 72, 0.18),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.15),
            rgba(255, 255, 255, 0.05)
        ),
        rgba(7, 7, 7, 0.24);

    box-shadow:
        0 34px 106px rgba(0, 0, 0, 0.38),
        0 0 70px rgba(244, 189, 72, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.17);
}

.poster-card {
    background: rgba(12, 12, 11, 0.38);

    box-shadow:
        0 26px 78px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.poster-card__media img {
    opacity: 0.82;

    filter:
        brightness(1)
        contrast(1.07)
        saturate(1.10);
}

.poster-card:hover .poster-card__media img {
    opacity: 0.93;

    filter:
        brightness(1.08)
        contrast(1.08)
        saturate(1.14);
}

.poster-card__shade {
    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.01) 0%,
            rgba(0, 0, 0, 0.11) 42%,
            rgba(0, 0, 0, 0.72) 100%
        ),
        radial-gradient(
            circle at 50% 12%,
            rgba(244, 189, 72, 0.21),
            transparent 43%
        ),
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.22),
            transparent 58%,
            rgba(0, 0, 0, 0.13)
        );
}


/* =========================================================
   مسیر تحلیل
   ========================================================= */

.section-overlay--tunnel {
    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(244, 189, 72, 0.13),
            transparent 33%
        ),
        linear-gradient(
            90deg,
            rgba(3, 3, 3, 0.42) 0%,
            rgba(3, 3, 3, 0.06) 50%,
            rgba(3, 3, 3, 0.42) 100%
        ),
        linear-gradient(
            180deg,
            rgba(3, 3, 3, 0.48) 0%,
            rgba(3, 3, 3, 0.08) 48%,
            rgba(3, 3, 3, 0.52) 100%
        );
}

.process-step {
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(244, 189, 72, 0.16),
            transparent 39%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.14),
            rgba(255, 255, 255, 0.04)
        ),
        rgba(5, 5, 5, 0.20);

    box-shadow:
        0 22px 66px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}


/* =========================================================
   سکشن پایانی
   ========================================================= */

.section-overlay--final {
    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(244, 189, 72, 0.11),
            transparent 33%
        ),
        linear-gradient(
            90deg,
            rgba(3, 3, 3, 0.44) 0%,
            rgba(3, 3, 3, 0.14) 26%,
            rgba(3, 3, 3, 0.01) 50%,
            rgba(3, 3, 3, 0.14) 74%,
            rgba(3, 3, 3, 0.44) 100%
        ),
        linear-gradient(
            180deg,
            rgba(3, 3, 3, 0.48) 0%,
            rgba(3, 3, 3, 0.02) 44%,
            rgba(3, 3, 3, 0.46) 100%
        );
}

.final-panel::before {
    background:
        radial-gradient(
            circle at 50% 44%,
            rgba(0, 0, 0, 0.34),
            rgba(0, 0, 0, 0.12) 54%,
            transparent 78%
        );
}

.subscribe-form input {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.09),
            rgba(255, 255, 255, 0.025)
        ),
        rgba(5, 5, 5, 0.38);
}

.quick-links i,
.final-link {
    background: rgba(8, 8, 7, 0.34);
}


/* =========================================================
   نقشه ایران
   ========================================================= */

.cinematic-section.insight-map-section .insight-map-bg img {
    opacity: 0.78;

    filter:
        brightness(1.06)
        contrast(1.07)
        saturate(1.10)
        blur(0.1px);
}

.insight-map-overlay {
    background:
        radial-gradient(
            circle at 38% 48%,
            rgba(244, 189, 72, 0.17),
            transparent 37%
        ),
        radial-gradient(
            circle at 12% 70%,
            rgba(184, 115, 51, 0.16),
            transparent 41%
        ),
        linear-gradient(
            90deg,
            rgba(3, 3, 3, 0.30) 0%,
            rgba(3, 3, 3, 0.10) 34%,
            rgba(3, 3, 3, 0.02) 58%,
            rgba(3, 3, 3, 0.28) 100%
        ),
        linear-gradient(
            180deg,
            rgba(3, 3, 3, 0.28) 0%,
            rgba(3, 3, 3, 0.01) 46%,
            rgba(3, 3, 3, 0.32) 100%
        );
}

.map-kpi {
    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(244, 189, 72, 0.20),
            transparent 44%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.14),
            rgba(255, 255, 255, 0.04)
        ),
        rgba(6, 6, 6, 0.38);

    box-shadow:
        0 22px 66px rgba(0, 0, 0, 0.40),
        0 0 36px rgba(244, 189, 72, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}


/* =========================================================
   صفحات داخلی و فوتر
   ========================================================= */

.article-page {
    background:
        radial-gradient(
            circle at 18% 12%,
            rgba(244, 189, 72, 0.11),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #090909,
            #11100e 52%,
            #090909
        );
}

.article-main,
.toc-card {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.09),
            rgba(255, 255, 255, 0.025)
        ),
        rgba(10, 10, 9, 0.44);

    box-shadow:
        0 26px 82px rgba(0, 0, 0, 0.34);
}

.site-footer {
    background:
        radial-gradient(
            circle at 82% 110%,
            rgba(244, 189, 72, 0.14),
            transparent 34%
        ),
        radial-gradient(
            circle at 12% 0%,
            rgba(184, 115, 51, 0.11),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            rgba(12, 11, 9, 0.98),
            #080808
        );
}

.footer-support {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(244, 189, 72, 0.13),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.07),
            rgba(255, 255, 255, 0.02)
        ),
        rgba(255, 255, 255, 0.025);
}


/* =========================================================
   مودال جستجو
   ========================================================= */

.g-search-modal__backdrop {
    background:
        radial-gradient(
            circle at 50% 13%,
            rgba(244, 189, 72, 0.16),
            transparent 36%
        ),
        rgba(0, 0, 0, 0.76) !important;
}

.g-search-modal__panel {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(244, 189, 72, 0.19),
            transparent 36%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(184, 115, 51, 0.12),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.11),
            rgba(255, 255, 255, 0.03)
        ),
        #0c0b09;

    box-shadow:
        0 42px 130px rgba(0, 0, 0, 0.64),
        0 0 72px rgba(244, 189, 72, 0.11),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}


/* =========================================================
   موبایل
   ========================================================= */

@media (max-width: 991px) {
    .layers-image-section .section-overlay--layers {
        background:
            linear-gradient(
                90deg,
                rgba(3, 3, 3, 0.32) 0%,
                rgba(3, 3, 3, 0.10) 42%,
                rgba(3, 3, 3, 0.36) 100%
            ),
            linear-gradient(
                180deg,
                rgba(3, 3, 3, 0.20) 0%,
                rgba(3, 3, 3, 0.03) 42%,
                rgba(3, 3, 3, 0.34) 100%
            );
    }

    .main-nav {
        background: rgba(12, 11, 9, 0.93);
    }
}

@media (max-width: 767px) {
    .cinematic-section:not(.layers-image-section) .section-bg img {
        filter:
            brightness(1.07)
            contrast(1.04)
            saturate(1.05);
    }

    .cinematic-section.insight-map-section .insight-map-bg img {
        opacity: 0.52;

        filter:
            brightness(1)
            contrast(1.06)
            saturate(1.08);
    }

    .poster-card__shade {
        background:
            linear-gradient(
                180deg,
                rgba(0, 0, 0, 0.03),
                rgba(0, 0, 0, 0.16) 42%,
                rgba(0, 0, 0, 0.78) 100%
            );
    }
}