/*
 * SOFON Atlas – Design Phase 02B
 * Marker: SOFON_ATLAS_PHASE02B_BACKGROUND_FIX_V1
 *
 * Oprava kaskády po Phase 02:
 * - jedno souvislé globální pozadí přes celý dokument,
 * - odstranění starých plných pozadí sekcí titulky,
 * - transparentní hero vrstva stránek a příspěvků,
 * - transparentní archive/search main,
 * - průsvitné obsahové karty místo neprůhledných ploch.
 */

:root {
    --sofon-atlas-surface: rgba(255,255,255,.68);
    --sofon-atlas-surface-soft: rgba(255,255,255,.52);
    --sofon-atlas-surface-strong: rgba(255,255,255,.80);
}

/*
 * Základní gradient je také na BODY. Fixed scroll vrstva z Phase 02 zůstává
 * nad ním jako dynamická vrstva. Díky tomu je pozadí souvislé i při
 * celostránkovém renderu/screenshotu a nikdy nevznikne bílý pás mimo obsah.
 */
body.sofon-atlas-modern.sofon-atlas-phase02b {
    background:
        radial-gradient(ellipse at 8% 6%, rgba(105,190,146,.24) 0%, rgba(105,190,146,.08) 24%, transparent 46%),
        radial-gradient(ellipse at 91% 17%, rgba(103,183,205,.22) 0%, rgba(103,183,205,.07) 27%, transparent 50%),
        radial-gradient(ellipse at 78% 57%, rgba(231,194,121,.20) 0%, rgba(231,194,121,.06) 27%, transparent 50%),
        radial-gradient(ellipse at 13% 83%, rgba(164,202,125,.20) 0%, rgba(164,202,125,.06) 27%, transparent 52%),
        linear-gradient(180deg,
            #edf8f0 0%,
            #e8f4f1 19%,
            #f4f0df 39%,
            #e9f3e9 60%,
            #e7f3f0 80%,
            #f2efdf 100%) !important;
    background-color: #eaf3ec !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

body.sofon-atlas-modern.sofon-atlas-phase02b .sofon-atlas-scroll-background {
    opacity: .82;
}

body.sofon-atlas-modern.sofon-atlas-phase02b .wp-site-blocks,
body.sofon-atlas-modern.sofon-atlas-phase02b main {
    background-color: transparent !important;
    background-image: none !important;
}

/* -------------------------------------------------------------------------
 * TITULNÍ STRÁNKA – všechny tři sekce musí ležet nad jednou scénou.
 * Přidání phase02b do selektoru záměrně zvyšuje specificitu nad původní
 * nth-child pravidla Modern Design 1.0.0.
 * ---------------------------------------------------------------------- */
body.sofon-atlas-modern.sofon-atlas-phase02b.home main > .wp-block-group:nth-child(1),
body.sofon-atlas-modern.sofon-atlas-phase02b.home main > .wp-block-group:nth-child(2),
body.sofon-atlas-modern.sofon-atlas-phase02b.home main > .wp-block-group:nth-child(3),
body.sofon-atlas-modern.sofon-atlas-phase02b.home main > .wp-block-group.sofon-atlas-home-hero,
body.sofon-atlas-modern.sofon-atlas-phase02b.home main > .wp-block-group.sofon-atlas-home-worlds,
body.sofon-atlas-modern.sofon-atlas-phase02b.home main > .wp-block-group.sofon-atlas-home-latest {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Staré dekorativní kruhy byly navázané pouze na hero a opticky dělily scénu. */
body.sofon-atlas-modern.sofon-atlas-phase02b.home main > .wp-block-group.sofon-atlas-home-hero::before,
body.sofon-atlas-modern.sofon-atlas-phase02b.home main > .wp-block-group.sofon-atlas-home-hero::after {
    content: none !important;
    display: none !important;
}

/* Karty světů jsou nyní skutečně glass – původní téměř neprůhledné tints
 * měly kvůli :has() vyšší specificitu než první Phase 02. */
body.sofon-atlas-modern.sofon-atlas-phase02b.home
.sofon-atlas-home-worlds > .wp-block-group > .wp-block-columns:has(h3) {
    background: linear-gradient(135deg, rgba(255,255,255,.69), rgba(255,255,255,.43)) !important;
    border-color: rgba(255,255,255,.66) !important;
    backdrop-filter: blur(17px) saturate(1.06);
    -webkit-backdrop-filter: blur(17px) saturate(1.06);
}

body.sofon-atlas-modern.sofon-atlas-phase02b.home
.sofon-atlas-home-worlds > .wp-block-group > .wp-block-columns:has(h3 a[href*="svet-souse"]) {
    background: linear-gradient(135deg, rgba(255,255,255,.68), rgba(217,239,217,.40)) !important;
}
body.sofon-atlas-modern.sofon-atlas-phase02b.home
.sofon-atlas-home-worlds > .wp-block-group > .wp-block-columns:has(h3 a[href*="svet-vody"]) {
    background: linear-gradient(135deg, rgba(255,255,255,.67), rgba(205,235,247,.39)) !important;
}
body.sofon-atlas-modern.sofon-atlas-phase02b.home
.sofon-atlas-home-worlds > .wp-block-group > .wp-block-columns:has(h3 a[href*="svet-vzduchu"]) {
    background: linear-gradient(135deg, rgba(255,255,255,.67), rgba(216,237,242,.38)) !important;
}
body.sofon-atlas-modern.sofon-atlas-phase02b.home
.sofon-atlas-home-worlds > .wp-block-group > .wp-block-columns:has(h3 a[href*="/rostliny/"]) {
    background: linear-gradient(135deg, rgba(255,255,255,.67), rgba(215,239,207,.39)) !important;
}
body.sofon-atlas-modern.sofon-atlas-phase02b.home
.sofon-atlas-home-worlds > .wp-block-group > .wp-block-columns:has(h3 a[href*="/nerosty/"]) {
    background: linear-gradient(135deg, rgba(255,255,255,.68), rgba(237,226,205,.40)) !important;
}
body.sofon-atlas-modern.sofon-atlas-phase02b.home
.sofon-atlas-home-worlds > .wp-block-group > .wp-block-columns:has(h3 a[href*="prehistor"]),
body.sofon-atlas-modern.sofon-atlas-phase02b.home
.sofon-atlas-home-worlds > .wp-block-group > .wp-block-columns:has(h3 a[href*="dinosaur"]) {
    background: linear-gradient(135deg, rgba(255,255,255,.67), rgba(226,220,195,.40)) !important;
}

/* Třetí blok je po nové FSE skladbě „Nově v Atlasu“. Původní CSS jej mylně
 * považovalo za starou tmavou sekci Home help. */
body.sofon-atlas-modern.sofon-atlas-phase02b.home
main > .wp-block-group.sofon-atlas-home-latest,
body.sofon-atlas-modern.sofon-atlas-phase02b.home
main > .wp-block-group.sofon-atlas-home-latest h2,
body.sofon-atlas-modern.sofon-atlas-phase02b.home
main > .wp-block-group.sofon-atlas-home-latest h3,
body.sofon-atlas-modern.sofon-atlas-phase02b.home
main > .wp-block-group.sofon-atlas-home-latest h4 {
    color: var(--atlas-ink) !important;
}
body.sofon-atlas-modern.sofon-atlas-phase02b.home
main > .wp-block-group.sofon-atlas-home-latest p {
    color: var(--atlas-muted) !important;
}
body.sofon-atlas-modern.sofon-atlas-phase02b.home
.sofon-atlas-home-latest .wp-block-post-template > li > .wp-block-columns {
    background: rgba(255,255,255,.68) !important;
    border-color: rgba(48,83,70,.13) !important;
    backdrop-filter: blur(13px) saturate(1.04);
    -webkit-backdrop-filter: blur(13px) saturate(1.04);
}
body.sofon-atlas-modern.sofon-atlas-phase02b.home
.sofon-atlas-home-latest .wp-block-post-template > li > .wp-block-columns:hover {
    background: rgba(255,255,255,.86) !important;
}

/* -------------------------------------------------------------------------
 * STRÁNKY A PŘÍSPĚVKY – title/featured-image hero nesmí být plná barevná
 * plocha přes celou šířku. Samotný obrázek zůstává samozřejmě neprůhledný.
 * ---------------------------------------------------------------------- */
body.sofon-atlas-modern.sofon-atlas-phase02b.page main > .wp-block-group:first-child,
body.sofon-atlas-modern.sofon-atlas-phase02b.single-post main > .wp-block-group:first-child {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Přepis obecného Phase 02 pravidla pro top-level has-background. */
body.sofon-atlas-modern.sofon-atlas-phase02b:not(.home)
main > .wp-block-group.alignfull.has-background,
body.sofon-atlas-modern.sofon-atlas-phase02b:not(.home)
main > .wp-block-group.has-base-background-color {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Obsah zůstává čitelný, ale už není neprůhlednou bílou deskou. */
body.sofon-atlas-modern.sofon-atlas-phase02b.page .entry-content {
    background: var(--sofon-atlas-surface) !important;
    border-color: rgba(48,83,70,.12) !important;
    backdrop-filter: blur(16px) saturate(1.04);
    -webkit-backdrop-filter: blur(16px) saturate(1.04);
}
body.sofon-atlas-modern.sofon-atlas-phase02b.single-post .entry-content {
    background: rgba(255,255,255,.70) !important;
    border-color: rgba(48,83,70,.12) !important;
    backdrop-filter: blur(16px) saturate(1.04);
    -webkit-backdrop-filter: blur(16px) saturate(1.04);
}

/* Index A-Z / Index příspěvků a Kategorie Atlasu už obsahují vlastní karty.
 * Jejich obří vnější entry-content karta tedy nemá zakrývat scénu. */
body.sofon-atlas-modern.sofon-atlas-phase02b.page-id-398 .entry-content,
body.sofon-atlas-modern.sofon-atlas-phase02b.page-id-1284 .entry-content {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* -------------------------------------------------------------------------
 * ARCHIVY A VYHLEDÁVÁNÍ – původní Modern Design nastavoval vlastní gradient
 * přímo na MAIN. Ten nyní odstraníme a ponecháme pouze jednotlivé glass karty.
 * ---------------------------------------------------------------------- */
body.sofon-atlas-modern.sofon-atlas-phase02b.archive main,
body.sofon-atlas-modern.sofon-atlas-phase02b.search main,
body.sofon-atlas-modern.sofon-atlas-phase02b.archive main.has-background,
body.sofon-atlas-modern.sofon-atlas-phase02b.search main.has-background,
body.sofon-atlas-modern.sofon-atlas-phase02b.archive main.has-base-background-color,
body.sofon-atlas-modern.sofon-atlas-phase02b.search main.has-base-background-color {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

body.sofon-atlas-modern.sofon-atlas-phase02b.archive li.wp-block-post,
body.sofon-atlas-modern.sofon-atlas-phase02b.search li.wp-block-post {
    background: rgba(255,255,255,.72) !important;
    backdrop-filter: blur(12px) saturate(1.03);
    -webkit-backdrop-filter: blur(12px) saturate(1.03);
}

/* -------------------------------------------------------------------------
 * Dark mode – stejná geometrie, pouze tmavé sklo a tlumená globální scéna.
 * ---------------------------------------------------------------------- */
html[data-wp-dark-mode-active] body.sofon-atlas-modern.sofon-atlas-phase02b,
html.wp-dark-mode-active body.sofon-atlas-modern.sofon-atlas-phase02b,
body.sofon-atlas-modern.sofon-atlas-phase02b.wp-dark-mode-active {
    --sofon-atlas-surface: rgba(27,39,33,.72);
    --sofon-atlas-surface-soft: rgba(27,39,33,.56);
    --sofon-atlas-surface-strong: rgba(27,39,33,.82);
    background: linear-gradient(180deg,#121a16 0%,#17231d 42%,#14201c 70%,#1a2320 100%) !important;
}

html[data-wp-dark-mode-active] body.sofon-atlas-modern.sofon-atlas-phase02b.home main > .wp-block-group,
html[data-wp-dark-mode-active] body.sofon-atlas-modern.sofon-atlas-phase02b.page main > .wp-block-group:first-child,
html[data-wp-dark-mode-active] body.sofon-atlas-modern.sofon-atlas-phase02b.single-post main > .wp-block-group:first-child,
html[data-wp-dark-mode-active] body.sofon-atlas-modern.sofon-atlas-phase02b.archive main,
html[data-wp-dark-mode-active] body.sofon-atlas-modern.sofon-atlas-phase02b.search main {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

html[data-wp-dark-mode-active] body.sofon-atlas-modern.sofon-atlas-phase02b.home
.sofon-atlas-home-worlds > .wp-block-group > .wp-block-columns:has(h3),
html[data-wp-dark-mode-active] body.sofon-atlas-modern.sofon-atlas-phase02b.home
.sofon-atlas-home-latest .wp-block-post-template > li > .wp-block-columns,
html[data-wp-dark-mode-active] body.sofon-atlas-modern.sofon-atlas-phase02b.archive li.wp-block-post,
html[data-wp-dark-mode-active] body.sofon-atlas-modern.sofon-atlas-phase02b.search li.wp-block-post {
    background: rgba(28,40,34,.76) !important;
    border-color: rgba(230,240,235,.10) !important;
}

@media (max-width: 781px) {
    body.sofon-atlas-modern.sofon-atlas-phase02b {
        background:
            radial-gradient(circle at 15% 8%,rgba(104,190,145,.18),transparent 26%),
            radial-gradient(circle at 86% 25%,rgba(103,183,205,.16),transparent 28%),
            linear-gradient(180deg,#edf8f0 0%,#e8f3f0 31%,#f4f0df 61%,#e9f3e9 100%) !important;
        background-size: 100% 100% !important;
    }
}