/* ==========================================================
   ACCESSIBILITY.CSS
   Correzioni accessibilità comuni
   ========================================================== */


/* ==========================================================
   FOCUS VISIBILE
   ========================================================== */

.desktop header:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    height: 200px;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(100%, transparent), to(transparent)) !important;
    background: linear-gradient(180deg, #000, transparent 100%, transparent 0) !important;
}
header.colour:after {
    display: none;
}

:focus-visible {
    outline: 3px solid #ffbf47 !important;
    outline-offset: 3px !important;
}


/* Link */
a:focus-visible {
    outline: 3px solid #ffbf47 !important;
    outline-offset: 3px !important;
}


/* Form */
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible {
    outline: 3px solid #ffbf47 !important;
    outline-offset: 3px !important;
}


/* Fake button */
[role="button"]:focus-visible {
    outline: 3px solid #ffbf47 !important;
    outline-offset: 3px !important;
}


/* ==========================================================
   LINK NEL CONTENUTO
   ========================================================== */

/* Solo contenuti editoriali */
.section_text a,
.editor a,
.zcontent a,
main p a,
main li a {
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* ==========================================================
   MENU E NAVIGAZIONE
   ========================================================== */

/* Manteniamo il design senza underline */
.nav a,
.menu a,
footer a,
.zsimplebutton a,
.zlink a,
.section_contacts_btn a,
.section_booking_btn a {
    text-decoration: none;
}


/* Feedback tastiera */
.nav a:focus-visible,
.menu a:focus-visible,
footer a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 4px;
}


/* ==========================================================
   IMMAGINI LINKATE
   ========================================================== */

a:has(img):focus-visible {
    outline: 3px solid #ffbf47 !important;
    outline-offset: 6px !important;
}


/* Fallback per browser meno moderni */
.logo a:focus-visible,
#logo a:focus-visible {
    outline: 3px solid #ffbf47 !important;
    outline-offset: 6px !important;
}


/* ==========================================================
   SCROLL CAROUSEL / SLICK
   ========================================================== */

.slick-prev:focus-visible,
.slick-next:focus-visible,
.slick-dots button:focus-visible {
    outline: 3px solid #ffbf47 !important;
    outline-offset: 3px !important;
}


/* ==========================================================
   CALENDARIO BOOKING
   ========================================================== */

.fc-day:focus-visible,
.fc-date:focus-visible {
    outline: 3px solid #ffbf47 !important;
    outline-offset: -3px !important;
}


/* ==========================================================
   ACCESSIBILITY WIDGET
   ========================================================== */

#accessibility_btn:focus-visible,
#accessibility_close_btn:focus-visible {
    outline: 3px solid #ffbf47 !important;
    outline-offset: 3px !important;
}


/* ==========================================================
   LINGUA E MENU
   ========================================================== */

#language_btn:focus-visible,
.menu_btn:focus-visible,
.ibe_login_btn:focus-visible,
.ibe_search_btn:focus-visible,
.ibe_search_box_close:focus-visible,
.section_booking_btn:focus-visible {
    outline: 3px solid #ffbf47 !important;
    outline-offset: 3px !important;
}


/* ==========================================================
   SKIP LINK
   ========================================================== */

.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 999999;
}

.skip-link:focus {
    left: 10px;
    top: 10px;
    background: #000;
    color: #fff;
    padding: 12px;
}