/* ============================================================
   AKASHA LIFESTYLE — CONTRASTO SU TUTTE LE SUPERFICI
   Questo foglio deve essere caricato per ultimo.
   ============================================================ */

:root {
    /* Fondo rosso/scuro */
    --akasha-dark-text: #fff8e8;
    --akasha-dark-muted: #f5e8cf;
    --akasha-dark-title: #fff1ad;
    --akasha-dark-strong: #fff3bd;
    --akasha-dark-link: #ffe083;
    --akasha-dark-link-hover: #ffffff;

    /* Fondi bianchi, avorio e crema */
    --akasha-light-text: #443831;
    --akasha-light-muted: #62564f;
    --akasha-light-title: #84271e;
    --akasha-light-strong: #5d241d;
    --akasha-light-link: #7d1e17;
    --akasha-light-link-hover: #674600;
    --akasha-light-border: #b9872e;
}

/* ============================================================
   1. FONDO ROSSO PRINCIPALE E SEZIONI TRASPARENTI
   ============================================================ */

/*
   La maggior parte delle sezioni interne non ha uno sfondo proprio:
   lascia quindi intravedere il rosso #d12a18 del sito.
*/
body,
.pagina-interna,
.pagina-layout,
.pagina-contenuto,
.pagina-contenuto > .sezione-pagina,
.intro-pagina,
.lista-elegante > div,
.box-avviso,
.cta-pagina,
.citazione-akasha {
    color: var(--akasha-dark-text);
}

/* Testi correnti direttamente appoggiati al fondo rosso. */
.pagina-contenuto > .sezione-pagina :is(p, li, span, small, label, figcaption, dt, dd),
.intro-pagina :is(p, li, span, small),
.lista-elegante > div :is(p, li, span, small),
.box-avviso :is(p, li, span, small),
.cta-pagina :is(p, li, span, small) {
    color: var(--akasha-dark-text);
    text-shadow: none;
}

/* Titoli direttamente sul rosso. */
.pagina-contenuto > .sezione-pagina :is(h2, h3, h4, h5, h6),
.intro-pagina :is(h2, h3, h4),
.lista-elegante > div :is(h3, h4),
.box-avviso :is(h2, h3),
.cta-pagina :is(h2, h3) {
    color: var(--akasha-dark-title);
}

/* Evidenziazioni sul rosso. */
.pagina-contenuto > .sezione-pagina strong,
.intro-pagina strong,
.lista-elegante > div strong,
.box-avviso strong,
.cta-pagina strong {
    color: var(--akasha-dark-strong);
}

/* Link normali sul rosso. */
.pagina-contenuto > .sezione-pagina a:not(.btn-pagina),
.intro-pagina a:not(.btn-pagina),
.lista-elegante > div a:not(.btn-pagina),
.box-avviso a:not(.btn-pagina),
.cta-pagina a:not(.btn-pagina),
.link-approfondisci,
.pagina-contenuto a[href^="tel:"],
.pagina-contenuto a[href^="mailto:"],
.pagina-contenuto a[href*="wa.me"] {
    color: var(--akasha-dark-link);
    text-shadow: none;
}

.pagina-contenuto > .sezione-pagina a:not(.btn-pagina):visited,
.intro-pagina a:not(.btn-pagina):visited,
.lista-elegante > div a:not(.btn-pagina):visited,
.box-avviso a:not(.btn-pagina):visited,
.cta-pagina a:not(.btn-pagina):visited,
.pagina-contenuto a[href^="tel:"]:visited,
.pagina-contenuto a[href^="mailto:"]:visited,
.pagina-contenuto a[href*="wa.me"]:visited {
    color: var(--akasha-dark-link);
}

.pagina-contenuto > .sezione-pagina a:not(.btn-pagina):hover,
.pagina-contenuto > .sezione-pagina a:not(.btn-pagina):focus,
.intro-pagina a:not(.btn-pagina):hover,
.intro-pagina a:not(.btn-pagina):focus,
.lista-elegante > div a:not(.btn-pagina):hover,
.lista-elegante > div a:not(.btn-pagina):focus,
.box-avviso a:not(.btn-pagina):hover,
.box-avviso a:not(.btn-pagina):focus,
.cta-pagina a:not(.btn-pagina):hover,
.cta-pagina a:not(.btn-pagina):focus,
.link-approfondisci:hover,
.link-approfondisci:focus,
.pagina-contenuto a[href^="tel:"]:hover,
.pagina-contenuto a[href^="tel:"]:focus,
.pagina-contenuto a[href^="mailto:"]:hover,
.pagina-contenuto a[href^="mailto:"]:focus,
.pagina-contenuto a[href*="wa.me"]:hover,
.pagina-contenuto a[href*="wa.me"]:focus {
    color: var(--akasha-dark-link-hover);
}

/* Didascalie sul rosso. */
.immagine-pagina figcaption {
    color: var(--akasha-dark-muted);
}

/* Citazioni sul fondo rosso. */
.citazione-akasha,
.citazione-akasha p,
.citazione-akasha span,
.citazione-akasha strong {
    color: var(--akasha-dark-title);
}

/* Pulsanti appoggiati al rosso. */
.pagina-contenuto > .sezione-pagina .btn-pagina,
.intro-pagina .btn-pagina,
.box-avviso .btn-pagina,
.cta-pagina .btn-pagina {
    color: #4f180f;
    background: #ffe69a;
    border-color: #ffe69a;
    text-shadow: none;
}

.pagina-contenuto > .sezione-pagina .btn-pagina:hover,
.pagina-contenuto > .sezione-pagina .btn-pagina:focus,
.intro-pagina .btn-pagina:hover,
.intro-pagina .btn-pagina:focus,
.box-avviso .btn-pagina:hover,
.box-avviso .btn-pagina:focus,
.cta-pagina .btn-pagina:hover,
.cta-pagina .btn-pagina:focus {
    color: #ffffff;
    background: #651a13;
    border-color: #ffe083;
}

/* ============================================================
   2. HERO E ALTRE SUPERFICI ROSSO SCURO
   ============================================================ */

.hero-interno,
.hero-interno :is(p, span, small, li),
.hero-content,
.hero-content :is(p, span, small, li) {
    color: var(--akasha-dark-text);
}

.hero-interno :is(h1, h2, h3, strong),
.hero-content :is(h1, h2, h3, strong) {
    color: var(--akasha-dark-title);
}

.hero-interno a,
.hero-content a {
    color: var(--akasha-dark-link);
}

/* ============================================================
   3. SUPERFICI CHIARE
   Queste regole vengono dopo quelle rosse e prevalgono.
   ============================================================ */

:is(
    .box-valore-oroscopo,
    .vantaggi-oroscopo > div,
    .sezione-archetipi-visual,
    .acquisto-oroscopo,
    .ricetta-html,
    .poesia-giuana,
    .premio-tognazzi-card,
    .buddha-figure,
    .form-contatti,
    .form-privacy,
    .form-error-summary,
    .form-esito-ok,
    .form-esito-errore,
    .mappa-sito-sezione,
    .scheda-attestato,
    .modal-attestato-contenuto
) {
    color: var(--akasha-light-text) !important;
    text-shadow: none !important;
}

:is(
    .box-valore-oroscopo,
    .vantaggi-oroscopo > div,
    .sezione-archetipi-visual,
    .acquisto-oroscopo,
    .ricetta-html,
    .poesia-giuana,
    .premio-tognazzi-card,
    .buddha-figure,
    .form-contatti,
    .form-privacy,
    .form-error-summary,
    .form-esito-ok,
    .form-esito-errore,
    .mappa-sito-sezione,
    .scheda-attestato,
    .modal-attestato-contenuto
) :is(p, li, span, small, label, figcaption, dt, dd) {
    color: var(--akasha-light-text) !important;
    text-shadow: none !important;
}

:is(
    .box-valore-oroscopo,
    .vantaggi-oroscopo > div,
    .sezione-archetipi-visual,
    .acquisto-oroscopo,
    .ricetta-html,
    .poesia-giuana,
    .premio-tognazzi-card,
    .form-contatti,
    .mappa-sito-sezione,
    .scheda-attestato
) :is(h1, h2, h3, h4, h5, h6) {
    color: var(--akasha-light-title) !important;
    text-shadow: none !important;
}

:is(
    .box-valore-oroscopo,
    .vantaggi-oroscopo > div,
    .sezione-archetipi-visual,
    .acquisto-oroscopo,
    .ricetta-html,
    .poesia-giuana,
    .premio-tognazzi-card,
    .form-contatti,
    .form-privacy,
    .mappa-sito-sezione,
    .scheda-attestato
) strong {
    color: var(--akasha-light-strong) !important;
    text-shadow: none !important;
}

:is(
    .box-valore-oroscopo,
    .vantaggi-oroscopo > div,
    .sezione-archetipi-visual,
    .acquisto-oroscopo,
    .ricetta-html,
    .poesia-giuana,
    .premio-tognazzi-card,
    .form-contatti,
    .form-privacy,
    .mappa-sito-sezione,
    .scheda-attestato
) a:not(.btn-pagina) {
    color: var(--akasha-light-link) !important;
    text-shadow: none !important;
}

:is(
    .box-valore-oroscopo,
    .vantaggi-oroscopo > div,
    .sezione-archetipi-visual,
    .acquisto-oroscopo,
    .ricetta-html,
    .poesia-giuana,
    .premio-tognazzi-card,
    .form-contatti,
    .form-privacy,
    .mappa-sito-sezione,
    .scheda-attestato
) a:not(.btn-pagina):hover,
:is(
    .box-valore-oroscopo,
    .vantaggi-oroscopo > div,
    .sezione-archetipi-visual,
    .acquisto-oroscopo,
    .ricetta-html,
    .poesia-giuana,
    .premio-tognazzi-card,
    .form-contatti,
    .form-privacy,
    .mappa-sito-sezione,
    .scheda-attestato
) a:not(.btn-pagina):focus {
    color: var(--akasha-light-link-hover) !important;
}

/* Pulsanti sulle superfici chiare. */
.cta-inline .btn-pagina,
.acquisto-oroscopo .btn-pagina,
.sezione-archetipi-visual .btn-pagina,
.form-contatti .btn-pagina,
.premio-tognazzi-card .btn-pagina,
.poesia-giuana .btn-pagina,
.ricetta-html .btn-pagina,
.scheda-attestato .btn-pagina {
    color: var(--akasha-light-link) !important;
    background: #ffffff !important;
    border-color: var(--akasha-light-border) !important;
    text-shadow: none !important;
}

.cta-inline .btn-pagina:hover,
.cta-inline .btn-pagina:focus,
.acquisto-oroscopo .btn-pagina:hover,
.acquisto-oroscopo .btn-pagina:focus,
.sezione-archetipi-visual .btn-pagina:hover,
.sezione-archetipi-visual .btn-pagina:focus,
.form-contatti .btn-pagina:hover,
.form-contatti .btn-pagina:focus,
.premio-tognazzi-card .btn-pagina:hover,
.premio-tognazzi-card .btn-pagina:focus,
.poesia-giuana .btn-pagina:hover,
.poesia-giuana .btn-pagina:focus,
.ricetta-html .btn-pagina:hover,
.ricetta-html .btn-pagina:focus,
.scheda-attestato .btn-pagina:hover,
.scheda-attestato .btn-pagina:focus {
    color: #ffffff !important;
    background: var(--akasha-light-link) !important;
    border-color: var(--akasha-light-link) !important;
}

/* ============================================================
   4. MODULI E MESSAGGI
   ============================================================ */

.form-contatti :is(input, select, textarea, .form-control),
.form-privacy :is(input, select, textarea) {
    color: #30231e !important;
    background-color: #ffffff !important;
}

.form-contatti option,
.form-contatti optgroup {
    color: #30231e !important;
    background: #ffffff !important;
}

.form-contatti ::placeholder {
    color: #756a64 !important;
    opacity: 1 !important;
}

.form-contatti .form-error,
.form-error-summary,
.form-error-summary li,
.form-esito-errore {
    color: #85100d !important;
}

.form-esito-ok {
    color: #285f36 !important;
}

/* ============================================================
   5. OROSCOPO EGIZIO
   ============================================================ */

.sezione-archetipi-visual,
.sezione-archetipi-visual .archetipi-layout {
    color: var(--akasha-light-text) !important;
}

.sezione-archetipi-visual h2 {
    color: var(--akasha-light-title) !important;
}

.sezione-archetipi-visual p {
    color: var(--akasha-light-text) !important;
}

.icona-oroscopo,
.icona-oroscopo img,
.vantaggi-oroscopo .icona-oroscopo,
.vantaggi-oroscopo .icona-oroscopo * {
    color: #ffffff !important;
}

.icona-oroscopo img {
    opacity: 1 !important;
    filter: brightness(0) invert(1) drop-shadow(0 0 2px rgba(255,255,255,.55)) !important;
}

/* Le card del processo hanno fondo blu. */
.processo-grid > div,
.processo-grid > div :is(strong, small) {
    color: #ffffff !important;
}

.processo-grid > div > span {
    color: #f1d477 !important;
}

/* ============================================================
   6. BUDDHA BAR, ATTESTATI E MAPPA
   ============================================================ */

.buddha-figure figcaption,
.buddha-figure figcaption span,
.poesia-giuana .poesia-firma,
.scheda-attestato figcaption,
.scheda-attestato figcaption span {
    color: #554a43 !important;
}

.ricetta-html .ricetta-fonte {
    color: #65564d !important;
}

.scheda-attestato figcaption strong {
    color: #694907 !important;
}

.modal-attestato-chiudi {
    color: #222222 !important;
    background: #ffffff !important;
}

.mappa-sito-sezione :is(a, a:visited) {
    color: #6f1b14 !important;
}

.mappa-sito-sezione a:hover,
.mappa-sito-sezione a:focus {
    color: #654500 !important;
}

/* ============================================================
   7. MENU E FOOTER
   ============================================================ */

.menu-principale > li > ul > li > a,
.hamburger-akasha,
.menu-close-akasha {
    color: #6f160f !important;
    text-shadow: none !important;
}

@media (max-width: 768px) {
    .main-menu-akasha,
    .main-menu-akasha .menu-principale > li,
    .main-menu-akasha .menu-principale > li > ul {
        color: #4c2b23 !important;
    }

    .main-menu-akasha .menu-principale > li > a,
    .main-menu-akasha .menu-principale > li > ul > li > a {
        color: #6f160f !important;
        text-shadow: none !important;
    }
}

.footer-akasha,
.footer-akasha :is(p, li, span, small, label) {
    color: var(--akasha-dark-text) !important;
}

.footer-akasha :is(h2, h3, h4, strong, a) {
    color: var(--akasha-dark-link) !important;
}

/* ============================================================
   8. ACCESSIBILITÀ DA TASTIERA
   ============================================================ */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #ffe083 !important;
    outline-offset: 3px !important;
}

/* ============================================================
   CONTRASTO DELLE SCHEDE COMMERCIALI SU SFONDO CHIARO
   ============================================================ */

.offerta-commerce,
.offerta-commerce p,
.offerta-commerce label,
.offerta-commerce small,
.offerta-commerce span {
 color: #4b2420;
 text-shadow: none;
}

.offerta-commerce__head h2 {
 color: #7b241c;
}

.offerta-commerce__tipo {
 color: #ffffff;
}

.offerta-commerce__price,
.offerta-commerce__price strong {
 color: #8c281f;
}

 .offerta-commerce__price small {
  color: #6e5b52;
 }

.offerta-commerce .link-approfondisci,
.offerta-commerce .link-approfondisci:visited {
 color: #7b241c;
}

 .offerta-commerce .link-approfondisci:hover,
 .offerta-commerce .link-approfondisci:focus {
  color: #a52d21;
 }

.offerta-commerce .messaggio-commerce {
 color: #651a13;
 background: #fff4d6;
 border-color: #e3c879;
}

.offerte-pagina-auto__heading h2,
.offerte-pagina-auto__heading p {
 color: #4b2420;
}

.offerte-pagina-auto__eyebrow {
 color: #7b241c;
}

.offerta-commerce .btn-pagina,
.offerta-commerce input.btn-pagina {
 color: #4f180f !important;
 background: linear-gradient(135deg, #ffe69a, #e9bd62) !important;
 border-color: #d6aa4f !important;
 text-shadow: none !important;
}

 .offerta-commerce .btn-pagina:hover,
 .offerta-commerce .btn-pagina:focus,
 .offerta-commerce input.btn-pagina:hover,
 .offerta-commerce input.btn-pagina:focus {
  color: #ffffff !important;
  background: #651a13 !important;
  border-color: #651a13 !important;
 }