/**
 * Header + hero + bridge başlığı — ortak arka background (üst + alt primary glow).
 *
 * --orvix-bridge-overlap: bridge yukarı bindirme = hero alt rezerv (platform carousel korunur)
 */
.orvix-front-hero-shell {
    --orvix-bridge-overlap: 8.5rem;
    --orvix-hero-shell-bg:
        radial-gradient(ellipse 88% 58% at 14% 8%, var(--orvix-primary-tint-18, rgba(55, 98, 234, 0.18)), transparent 58%),
        radial-gradient(ellipse 82% 54% at 86% 10%, var(--orvix-primary-tint-10, rgba(55, 98, 234, 0.10)), transparent 56%),
        radial-gradient(ellipse 85% 58% at 18% 78%, var(--orvix-primary-tint-10, rgba(55, 98, 234, 0.10)), transparent 58%),
        radial-gradient(ellipse 85% 58% at 84% 76%, var(--orvix-primary-tint-8, rgba(55, 98, 234, 0.08)), transparent 58%),
        radial-gradient(ellipse 105% 68% at 50% 82%, var(--orvix-primary-tint-12, rgba(55, 98, 234, 0.12)), transparent 62%),
        linear-gradient(168deg, #1a222c 0%, #1e2630 48%, #181f28 100%);
    position: relative;
    background: var(--orvix-hero-shell-bg);
    background-color: #181f28;
    color: #f4f7fb;
    overflow-x: clip;
    overflow-y: visible;
}

@media (max-width: 991.98px) {
    .orvix-front-hero-shell {
        overflow-x: visible;
        overflow-y: visible;
        /* Alt primary glow kapat — bridge bindirmede yatay şerit oluşturuyordu */
        --orvix-hero-shell-bg: linear-gradient(168deg, #1a222c 0%, #1e2630 48%, #181f28 100%);
    }

    html[data-bs-theme="light"] .orvix-front-hero-shell,
    html[data-bs-theme="light"] .orvix-front-hero-shell::before {
        --orvix-hero-shell-bg: linear-gradient(168deg, #1a222c 0%, #1e2630 48%, #181f28 100%);
    }

    html[data-bs-theme="dark"] .orvix-front-hero-shell:not(.orvix-front-hero-shell--with-page-hero),
    html[data-bs-theme="dark"] .orvix-front-hero-shell:not(.orvix-front-hero-shell--with-page-hero)::before {
        --orvix-hero-shell-bg: linear-gradient(168deg, #0a0e14 0%, #10161e 52%, #080c12 100%);
    }

    html[data-bs-theme="dark"] .orvix-front-hero-shell--with-page-hero,
    html[data-bs-theme="dark"] .orvix-front-hero-shell--with-page-hero::before {
        --orvix-hero-shell-bg:
            radial-gradient(ellipse 42% 72% at 0% 42%, var(--orvix-primary-tint-16, rgba(55, 98, 234, 0.16)), transparent 68%),
            radial-gradient(ellipse 42% 72% at 100% 42%, var(--orvix-primary-tint-14, rgba(55, 98, 234, 0.14)), transparent 68%),
            linear-gradient(168deg, #0a0e14 0%, #10161e 52%, #080c12 100%);
    }
}

.orvix-front-hero-shell .orvix-hero.orvix-hero--glass {
    overflow: visible;
    /* Carousel altında koyu zemin — bridge başlığı buraya oturur */
    padding-bottom: var(--orvix-bridge-overlap);
}

.orvix-front-hero-shell .orvix-home-bridge {
    margin-top: calc(-1 * var(--orvix-bridge-overlap));
}

@media (min-width: 992px) {
    .orvix-front-hero-shell {
        --orvix-bridge-overlap: 20rem;
    }
}

.orvix-front-hero-shell::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-height: 100%;
    z-index: 0;
    pointer-events: none;
    background: var(--orvix-hero-shell-bg);
    background-color: #181f28;
}

.orvix-front-hero-shell > .front-mobile-header,
.orvix-front-hero-shell > .front-desktop-header {
    position: relative;
    z-index: 50;
}

.orvix-front-hero-shell > .orvix-hero,
.orvix-front-hero-shell > .orvix-home-bridge {
    position: relative;
    z-index: 1;
}

.orvix-front-hero-shell > *:not(.front-mobile-header):not(.front-desktop-header):not(.orvix-hero):not(.orvix-home-bridge) {
    position: relative;
    z-index: 1;
    padding-top: 2rem;
}

/* Hero üzerinde header alt çizgisi görünmesin (light/dark) */
.orvix-front-hero-shell .front-mobile-header,
.orvix-front-hero-shell .front-desktop-header {
    border-bottom-color: transparent !important;
}

html[data-bs-theme="dark"] .orvix-front-hero-shell .front-mobile-header,
html[data-bs-theme="dark"] .orvix-front-hero-shell .front-desktop-header {
    box-shadow: none !important;
}

html[data-bs-theme="light"] .orvix-front-hero-shell,
html[data-bs-theme="light"] .orvix-front-hero-shell::before {
    --orvix-hero-shell-bg:
        radial-gradient(ellipse 88% 58% at 14% 8%, var(--orvix-primary-tint-22, rgba(55, 98, 234, 0.22)), transparent 58%),
        radial-gradient(ellipse 82% 54% at 86% 10%, var(--orvix-primary-tint-12, rgba(55, 98, 234, 0.12)), transparent 56%),
        radial-gradient(ellipse 85% 58% at 18% 78%, var(--orvix-primary-tint-12, rgba(55, 98, 234, 0.12)), transparent 58%),
        radial-gradient(ellipse 85% 58% at 84% 76%, var(--orvix-primary-tint-10, rgba(55, 98, 234, 0.10)), transparent 58%),
        radial-gradient(ellipse 105% 68% at 50% 82%, var(--orvix-primary-tint-14, rgba(55, 98, 234, 0.14)), transparent 62%),
        linear-gradient(168deg, #0a0e14 0%, #10161e 52%, #080c12 100%);
    background: var(--orvix-hero-shell-bg);
    background-color: #080c12;
}

.orvix-front-hero-shell--compact {
    padding-bottom: 0;
}

.orvix-front-hero-shell--with-page-hero > .orvix-page-hero {
    position: relative;
    z-index: 1;
}

/* İç sayfa hero — bindirme paneli kesilmesin (clip + visible → y-auto tuzağı) */
.orvix-front-hero-shell--with-page-hero {
    overflow: visible;
    /* Zemin yalnızca ::before — şeffaf shell, main üstte bindirebilsin */
    background: transparent !important;
    background-color: transparent !important;
}

.orvix-front-hero-shell--with-page-hero,
.orvix-front-hero-shell--with-page-hero::before {
    --orvix-hero-shell-bg:
        radial-gradient(ellipse 42% 72% at 0% 42%, var(--orvix-primary-tint-14, rgba(55, 98, 234, 0.14)), transparent 68%),
        radial-gradient(ellipse 42% 72% at 100% 42%, var(--orvix-primary-tint-12, rgba(55, 98, 234, 0.12)), transparent 68%),
        linear-gradient(168deg, #1a222c 0%, #1e2630 48%, #181f28 100%);
}

.orvix-front-hero-shell--with-page-hero::before {
    background: var(--orvix-hero-shell-bg);
    background-color: #181f28;
}

html[data-bs-theme="dark"] .orvix-front-hero-shell--with-page-hero {
    position: relative;
    z-index: 1;
}

/* orvapro-default ana sayfa shell z-index:8 — iç sayfa hero'da düşür (aksi halde main/panel ezilir) */
html[data-bs-theme="dark"][data-orvix-theme="orvapro-default"] .orvix-front-hero-shell.orvix-front-hero-shell--with-page-hero {
    z-index: 1;
}

html[data-bs-theme="dark"] .orvix-front-hero-shell--with-page-hero::before {
    background: var(--orvix-hero-shell-bg);
    background-color: #080c12;
}

html[data-bs-theme="light"] .orvix-front-hero-shell--with-page-hero,
html[data-bs-theme="light"] .orvix-front-hero-shell--with-page-hero::before {
    --orvix-hero-shell-bg:
        radial-gradient(ellipse 42% 72% at 0% 42%, var(--orvix-primary-tint-16, rgba(55, 98, 234, 0.16)), transparent 68%),
        radial-gradient(ellipse 42% 72% at 100% 42%, var(--orvix-primary-tint-14, rgba(55, 98, 234, 0.14)), transparent 68%),
        linear-gradient(168deg, #0a0e14 0%, #10161e 52%, #080c12 100%);
}

html[data-bs-theme="light"] .orvix-front-hero-shell--with-page-hero::before {
    background: var(--orvix-hero-shell-bg);
    background-color: #080c12;
}

html[data-bs-theme="dark"] .orvix-front-hero-shell--with-page-hero,
html[data-bs-theme="dark"] .orvix-front-hero-shell--with-page-hero::before {
    --orvix-hero-shell-bg:
        radial-gradient(ellipse 42% 72% at 0% 42%, var(--orvix-primary-tint-16, rgba(55, 98, 234, 0.16)), transparent 68%),
        radial-gradient(ellipse 42% 72% at 100% 42%, var(--orvix-primary-tint-14, rgba(55, 98, 234, 0.14)), transparent 68%),
        linear-gradient(168deg, #0a0e14 0%, #10161e 52%, #080c12 100%);
}

/* Bindirmeli panel — main hero shell'in ÜSTÜ (panel z-index yetmez; kardeş katman) */
html[data-bs-theme="dark"] .orvix-front-shell__main:has(
    .orvix-category-page,
    .orvix-platform-show-page,
    .orvix-free-tool-page,
    .orvix-free-tools-index-page
) {
    position: relative;
    z-index: 9 !important;
    overflow: visible;
}

html[data-bs-theme="dark"][data-orvix-theme="orvapro-default"] .orvix-front-shell__main:has(
    .orvix-category-page,
    .orvix-platform-show-page,
    .orvix-free-tool-page,
    .orvix-free-tools-index-page
) {
    z-index: 9 !important;
}

html[data-bs-theme="dark"] .orvix-front-hero-shell:not(.orvix-front-hero-shell--with-page-hero),
html[data-bs-theme="dark"] .orvix-front-hero-shell:not(.orvix-front-hero-shell--with-page-hero)::before {
    --orvix-hero-shell-bg:
        radial-gradient(ellipse 88% 58% at 14% 8%, var(--orvix-primary-tint-22, rgba(55, 98, 234, 0.22)), transparent 58%),
        radial-gradient(ellipse 82% 54% at 86% 10%, var(--orvix-primary-tint-12, rgba(55, 98, 234, 0.12)), transparent 56%),
        radial-gradient(ellipse 85% 58% at 18% 78%, var(--orvix-primary-tint-12, rgba(55, 98, 234, 0.12)), transparent 58%),
        radial-gradient(ellipse 85% 58% at 84% 76%, var(--orvix-primary-tint-10, rgba(55, 98, 234, 0.10)), transparent 58%),
        radial-gradient(ellipse 105% 68% at 50% 82%, var(--orvix-primary-tint-14, rgba(55, 98, 234, 0.14)), transparent 62%),
        linear-gradient(168deg, #0a0e14 0%, #10161e 52%, #080c12 100%);
    background: var(--orvix-hero-shell-bg);
    background-color: #080c12;
}