/* Barbaros theme — shared look for every page (palette + background from index.html) */
:root {
    --br-blue: #2f8fff;
    --br-blue-deep: #1159d6;
    --br-cyan: #4fb3ff;
    --br-fire: #ff6a1f;
    --br-ink: #04070f;
    --br-panel: rgba(8, 14, 28, 0.72);
    --br-line: rgba(90, 160, 255, 0.22);
    --br-text: #e6ecf5;
    --br-muted: #9aa8bd;
}

::selection {
    background: rgba(47, 143, 255, 0.45);
    color: #ffffff;
}

/* ── Los Santos backdrop on every page except the home hero ── */
html:not(.hero-image) {
    background: var(--br-ink) !important;
}

html:not(.hero-image) body {
    background: transparent !important;
    color: var(--br-text);
    font-family: "Montserrat", "Segoe UI", Tahoma, sans-serif;
}

html:not(.hero-image) body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(ellipse 60% 45% at 12% 0%, rgba(47, 143, 255, 0.18), transparent 62%),
        radial-gradient(ellipse 55% 40% at 92% 4%, rgba(255, 106, 31, 0.14), transparent 60%),
        linear-gradient(180deg, rgba(4, 7, 15, 0.58) 0%, rgba(4, 7, 15, 0.8) 42%, rgba(4, 7, 15, 0.94) 100%),
        url("../assets/barbaros_hero.jpg") center 30% / cover no-repeat;
}

html:not(.hero-image) button,
html:not(.hero-image) input,
html:not(.hero-image) select,
html:not(.hero-image) textarea {
    font-family: inherit;
}

/* Illegal keeps its own mood, pushed toward the logo's fire side */
html.theme-illegal body::before {
    background:
        radial-gradient(ellipse 60% 45% at 50% -5%, rgba(255, 90, 54, 0.22), transparent 62%),
        linear-gradient(180deg, rgba(8, 3, 2, 0.66) 0%, rgba(6, 3, 4, 0.84) 45%, rgba(4, 3, 6, 0.95) 100%),
        url("../assets/barbaros_hero.jpg") center 30% / cover no-repeat;
}

/* The backdrop handles the darkening — page wrappers stay clear so it looks the same everywhere */
html:not(.hero-image) .main-content {
    background: transparent;
    backdrop-filter: none;
}

html.page-story .features-section {
    background: radial-gradient(ellipse 70% 45% at 50% 0%, rgba(47, 143, 255, 0.14), transparent 60%);
}

/* Old space videos are replaced by the backdrop above */
html:not(.hero-image) .video-bg,
html:not(.hero-image) #bg-video {
    display: none !important;
}

/* ── Page titles: same weight and rhythm as the home headings ── */
html:not(.hero-image) h1,
html.page-story .features-section > h2 {
    font-family: "Montserrat", "Segoe UI", Tahoma, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #ffffff;
    text-shadow: 0 0 28px rgba(47, 143, 255, 0.28), 0 4px 14px rgba(0, 0, 0, 0.6);
}

html:not(.hero-image) h1 span {
    color: var(--br-cyan);
    text-shadow: 0 0 22px rgba(79, 179, 255, 0.5);
}

html.theme-illegal h1 {
    text-shadow: 0 0 28px rgba(255, 90, 54, 0.35), 0 4px 14px rgba(0, 0, 0, 0.6);
}

html.theme-illegal .crew-card-name {
    font-weight: 800;
}

/* ── Footer brand accents ── */
.site-footer {
    font-family: "Montserrat", "Segoe UI", Tahoma, sans-serif;
    border-top-color: var(--br-line) !important;
}

.site-footer-brand img {
    border-radius: 0;
    object-fit: contain;
    filter: drop-shadow(0 0 12px rgba(47, 143, 255, 0.45));
}