/* ==========================================================================
   Zoriana — Palette Test (homepage only)
   Cel: zunifikować trzy konkurujące palety na SG do jednej spójnej osi:
        navy-violet (dark) ↔ warm parchment (light) ↔ terracotta (CTA)
   Plik ładowany ostatni, nadpisuje selektorami o tej samej specyficzności.
   Aby zrolbackować: usunąć ten plik + enqueue w functions.php.
   ========================================================================== */

/* --- 1. CTA: jeden pomarańcz dla wszystkich akcji ----------------------- */

.cta,
.cover__cta,
.totolotek__cta,
.z-cta,
.zoriana-footer__cta {
    background-color: #d97742;
    box-shadow: 0 10px 20px 0 rgba(217, 119, 66, 0.3);
}

.cta:hover,
.cta:focus,
.cover__cta:hover,
.cover__cta:focus,
.totolotek__cta:hover,
.z-cta:hover,
.z-cta:focus,
.zoriana-footer__cta:hover {
    background-color: #bf6432;
    color: #fff;
}

/* --- 2. Ciemne sekcje: navy-violet zamiast slate ------------------------ */

.totolotek,
.reviews {
    background-color: #14142a;
}

.totolotek::before,
.reviews::before {
    background-color: #14142a;
}

/* Subtelny gradient pomiędzy hero (#0c0c1a → #12122a) a tymi sekcjami,
   żeby nie było ostrej krawędzi w miejscu styku ciemne ↔ ciemne. */
.totolotek {
    background-image: linear-gradient(180deg, #12122a 0%, #14142a 100%);
}
.reviews {
    background-image: linear-gradient(180deg, #14142a 0%, #12122a 100%);
}

/* --- 3. Złoto: zlikwidowanie wariantów hardcoded ------------------------ */

.totolotek__heading--secondary {
    color: var(--color--primary); /* było #B4975D */
}

.zoriana-footer__smList-item:hover svg {
    fill: var(--color--primary); /* było hardcoded #ba9a63 (duplikat zmiennej) */
}

/* --- 4. Drobny porządek: hover linków pasuje do nowego CTA ------------- */

a:hover {
    color: #bf6432; /* było #D5846E łosoś — niespójny z ujednoliconym CTA */
}

.zoriana-footer__list-link:hover {
    color: #bf6432; /* j.w. */
}