/* ============================================================
   HOME HERO — STANDARD (evergreen)
   Overrides na bazie .zn-hero (ceremonia-pelni.css) — przywraca
   złotą paletę brandu, dodaje crescent moon i 3 mikro-creds
   zamiast countdownu.
   Ładowane TYLKO na is_front_page() (functions.php).
   ============================================================ */

/* --- Palette override: złoto brandu zamiast pelnia-orange --- */
.page-template-page-ceremonia-pelni .zn-hero--standard {
    --zn-cta: #c9a84c;
    --zn-cta-hover: #b8943e;
    --zn-cta-shadow: rgba(201, 168, 76, 0.3);
    padding: clamp(64px, 8vw, 120px) 0 clamp(56px, 7vw, 104px);
}

/* --- Crescent moon: redukcja pełni do półksiężyca przez przesuniętą maskę --- */
.page-template-page-ceremonia-pelni .zn-hero--standard .zn-moon-wrap {
    /* Łagodniejsze kołysanie — evergreen ma być spokojny, nie odliczać. */
    animation: zn-moon-spin 24s ease-in-out infinite;
}

.page-template-page-ceremonia-pelni .zn-moon--crescent {
    width: 11rem;
    height: 11rem;
}

/* Wyciszone tło-glow — bez efektu zaćmienia (::after) i bez wędrującego słońca (::before) */
.page-template-page-ceremonia-pelni .zn-moon--crescent::before,
.page-template-page-ceremonia-pelni .zn-moon--crescent::after {
    display: none;
}

.page-template-page-ceremonia-pelni .zn-moon--crescent .zn-moon__sphere {
    width: 11rem;
    height: 11rem;
    transform: none;
    box-shadow:
        inset -28px 0 40px -8px rgba(0, 0, 0, 0.85),
        0 0 60px rgba(201, 168, 76, 0.18);
}

.page-template-page-ceremonia-pelni .zn-moon--crescent .zn-moon__sphere::after {
    width: 11rem;
    height: 11rem;
    box-shadow:
        inset -3rem 0 4rem rgba(0, 0, 0, 0.75),
        inset 0 0 1.5rem rgba(0, 0, 0, 0.4);
    background-position: center;
    background-size: 220%;
    animation: none;
    filter: brightness(1.1);
}

/* Zatrzymujemy fazową rotację — chcemy stały półksiężyc, nie cykl */
.page-template-page-ceremonia-pelni .zn-moon--crescent .zn-moon__sphere::before {
    animation: none;
    transform: rotate(-10deg);
    background-color: #0c0c1a;
    border-right: 6.6rem solid #0c0c1a;
    border-left: 0 solid transparent;
}

/* --- Tytuł: gradient w złocie zamiast srebrno-fioletowym --- */
.page-template-page-ceremonia-pelni .zn-hero--standard .zn-hero__title span {
    background: linear-gradient(135deg, #d4a853 0%, #c9a84c 50%, #e8c870 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.page-template-page-ceremonia-pelni .zn-hero--standard .zn-hero__eyebrow {
    color: #c9a84c;
    letter-spacing: 4px;
}

/* --- CTA row (primary + ghost obok siebie) --- */
.zn-hero__cta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 18px 22px;
    margin-bottom: 2.25rem;
}

.page-template-page-ceremonia-pelni .zn-hero--standard .zn-hero__cta {
    background-color: var(--zn-cta);
    box-shadow: 0 10px 24px 0 var(--zn-cta-shadow);
}

.page-template-page-ceremonia-pelni .zn-hero--standard .zn-hero__cta:hover,
.page-template-page-ceremonia-pelni .zn-hero--standard .zn-hero__cta:focus {
    background-color: var(--zn-cta-hover);
}

.zn-hero__cta--ghost {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #d8d4e8 !important;
    border: 1px solid rgba(216, 212, 232, 0.35);
    padding: 19px 36px !important;
}

.zn-hero__cta--ghost:hover,
.zn-hero__cta--ghost:focus {
    background-color: rgba(201, 168, 76, 0.08) !important;
    border-color: #c9a84c !important;
    color: #fff !important;
}

/* --- Mikro-creds: trzy filary autorytetu --- */
.zn-hero__creds {
    list-style: none;
    margin: 0 auto 2rem;
    padding: 1.1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.25rem 2.5rem;
    max-width: 760px;
    border-top: 1px solid rgba(184, 196, 216, 0.12);
    border-bottom: 1px solid rgba(184, 196, 216, 0.12);
}

.zn-hero__cred {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    text-align: center;
    min-width: 110px;
}

.zn-hero__cred-mark {
    font-family: 'El Messiri', 'Poppins', serif;
    font-size: clamp(1.35rem, 1rem + 1.2vw, 1.7rem);
    font-weight: 600;
    line-height: 1;
    color: #c9a84c;
    letter-spacing: 0.5px;
}

.zn-hero__cred-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    color: #7a7a9a;
}

/* --- Mobile --- */
@media (max-width: 600px) {
    .page-template-page-ceremonia-pelni .zn-hero--standard {
        padding: 56px 0 48px;
    }

    .page-template-page-ceremonia-pelni .zn-moon--crescent,
    .page-template-page-ceremonia-pelni .zn-moon--crescent .zn-moon__sphere,
    .page-template-page-ceremonia-pelni .zn-moon--crescent .zn-moon__sphere::after {
        width: 8.5rem;
        height: 8.5rem;
    }

    .page-template-page-ceremonia-pelni .zn-moon--crescent .zn-moon__sphere::before {
        border-right-width: 5.1rem;
    }

    .zn-hero__cta-row {
        flex-direction: column;
        gap: 14px;
        width: 100%;
    }

    .zn-hero__cta-row .zn-hero__cta {
        width: 100%;
        text-align: center;
        padding: 18px 24px !important;
    }

    .zn-hero__creds {
        gap: 0.9rem 1.25rem;
        padding: 1rem 0.5rem;
    }

    .zn-hero__cred {
        min-width: 90px;
    }

    .zn-hero__cred-mark {
        font-size: 1.2rem;
    }

    .zn-hero__cred-label {
        font-size: 10px;
        letter-spacing: 1.4px;
    }
}