/*
 * Correzioni di accessibilità (WCAG 2.2 AA) — audit del 13/10/2026.
 * Nessun cambiamento per chi usa il mouse: le regole agiscono solo sul focus
 * da tastiera o su elementi decorativi.
 */

/* 2.4.7 — Sottomenu desktop: con la tastiera Superfish mette .sfHover sul <li>,
   lo sfondo diventa scuro ma il testo resta scuro (contrasto 1:1).
   Si replica il colore del testo dell'hover col mouse (style.css del child). */
body #header-outer #top nav > ul > li ul.sub-menu li.sfHover > a span,
body #header-outer #top nav > ul > li ul.sub-menu li > a:focus-visible span {
    color: var(--nectar-accent-color, #F1D0A1) !important;
}
body #header-outer #top nav > ul > li ul.sub-menu li > a:focus-visible {
    background-color: var(--nectar-extra-color-1, #3A2D37) !important;
}

/* 2.4.7 — Voci di primo livello: Salient azzera l'outline (.sf-menu a:focus)
   e sulla voce corrente la sottolineatura c'è già, quindi il focus non si vede. */
body #header-outer #top nav > ul > li > a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

/* 2.4.7 — Campi CF7: lo stile :focus previsto in form.css perde per specificità
   contro la regola base dei campi. Qui lo si riapplica con gli stessi valori. */
.oliva-form input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
.oliva-form textarea.wpcf7-form-control:focus,
.oliva-form select.wpcf7-form-control:focus {
    border-color: var(--nectar-accent-color, #f1d0a1);
    background: rgba(241, 208, 161, 0.06);
    box-shadow: 0 0 0 3px rgba(241, 208, 161, 0.18);
}
.oliva-form.oliva-form--light input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
.oliva-form.oliva-form--light textarea.wpcf7-form-control:focus,
.oliva-form.oliva-form--light select.wpcf7-form-control:focus {
    border-color: var(--nectar-extra-color-2, #7f452b) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(127, 69, 43, 0.12) !important;
}

/* 2.4.7 / 2.4.3 — Menu mobile: le voci dei sottomenu chiusi (max-height 0)
   ricevevano il focus pur essendo invisibili. visibility si toglie a fine
   chiusura (0.5s, la durata della transizione di Salient), quindi l'animazione resta.
   !important perché Salient scrive visibility:visible inline e non lo toglie. */
#slide-out-widget-area .off-canvas-menu-container li.menu-item-has-children:not(.open-submenu) > .sub-menu {
    visibility: hidden !important;
    transition: max-height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), padding 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0s linear 0.5s;
}
#slide-out-widget-area .off-canvas-menu-container .ocm-dropdown-arrow:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Bug funzionale — le immagini decorative posizionate in assoluto (pattern,
   cerchi) coprono i pulsanti e intercettano il clic. Non contengono link. */
.img-with-aniamtion-wrap[class*="_absolute"]:not(:has(a)) {
    pointer-events: none;
}

/* 2.4.7 — Checkbox (filtri prodotti e consenso privacy): appearance:none e
   l'outline:0 di Salient su input:focus le lasciano senza indicatore. */
.oliva-sidebar input[type="checkbox"]:focus-visible,
.oliva-form input[type="checkbox"]:focus-visible {
    outline: 2px solid var(--nectar-extra-color-1, #3a2d37);
    outline-offset: 2px;
}
.oliva-form:not(.oliva-form--light) input[type="checkbox"]:focus-visible {
    outline-color: var(--nectar-accent-color, #f1d0a1);
}

/* 1.4.1 — Link dentro il testo (email, telefono, rimandi nelle pagine legali):
   avevano lo stesso colore del testo e nessuna sottolineatura. Esclusa la lista
   di navigazione del footer (ul.oliva-list). */
body a.oliva-contact-link,
body .wpb_text_column p a,
body .wpb_text_column ul:not(.oliva-list) a,
body .wpb_text_column ol a {
    text-decoration: underline !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
}

/* Nel footer i link di contatto hanno già una linea di design (::after, 1px,
   currentColor) che compariva solo in hover, e text-decoration:none !important
   nel child: si rende la linea sempre visibile, senza doppia sottolineatura. */
body .nectar-global-section .nectar-icon-list-item .content a.oliva-contact-link::after {
    transform: scaleX(1);
}

/* 1.3.1 / 2.4.6 — La home non aveva H1: il titolo dello slider passa da h2 a h1
   (heading_tag="h1" nello shortcode della pagina 72). Queste regole replicano i
   valori calcolati che l'h2 aveva a ogni breakpoint, così l'aspetto non cambia. */
body .nectar-slider-wrap .swiper-slide .content h1.ns-heading-el {
    font-family: "Libre Baskerville", Georgia, serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    text-transform: none !important;
    font-size: 60px !important;
    line-height: 80px !important;
    letter-spacing: -1px !important;
    margin-top: 0 !important;
    margin-bottom: 7px !important;
    -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
    body .nectar-slider-wrap .swiper-slide .content h1.ns-heading-el {
        font-size: 45px !important;
        line-height: 51px !important;
    }
}
@media only screen and (min-width: 691px) and (max-width: 999px) {
    body .nectar-slider-wrap .swiper-slide .content h1.ns-heading-el {
        font-size: 33px !important;
        line-height: 39px !important;
        margin-bottom: 8px !important;
    }
}
@media only screen and (max-width: 690px) {
    body .nectar-slider-wrap .swiper-slide .content h1.ns-heading-el {
        font-size: 33px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.5px !important;
        margin-bottom: 12px !important;
    }
}
