/**
 * SwitchMind brand overrides per il widget OneTap.
 * - Toggle button: basso a SINISTRA (mirror di #tj-back-to-top)
 * - Pannello: sidebar sinistra 500px, chiusa di default, scrollabile
 * - Close X: in alto a destra del pannello
 */

/* ── Toggle button: basso a sinistra ───────────────────────────────────── */
.onetap-container-toggle .onetap-toggle,
.onetap-toggle {
  right: auto !important;
  left: 0 !important;
  margin-right: 0 !important;
  margin-left: 40px !important;
  bottom: 0 !important;
  margin-bottom: 40px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .onetap-container-toggle .onetap-toggle,
  .onetap-toggle {
    margin-left: 30px !important;
    margin-bottom: 30px !important;
  }
}
@media only screen and (max-width: 991px) {
  .onetap-container-toggle .onetap-toggle,
  .onetap-toggle {
    margin-left: 20px !important;
    margin-bottom: 20px !important;
  }
}

/* Ombra brand + focus ring */
.onetap-container-toggle .onetap-toggle img,
.onetap-toggle img {
  box-shadow: 0 8px 24px rgba(12, 5, 75, 0.18) !important;
}
.onetap-container-toggle .onetap-toggle:focus img,
.onetap-container-toggle .onetap-toggle:focus-visible img {
  outline: 3px solid rgba(0, 145, 255, 0.55) !important;
  outline-offset: 3px !important;
}

/* ── Pannello: sidebar sinistra 500px, chiusa di default ───────────────── */
/* Larghezza fissa 500px, altezza 100vh. z-index molto alto per stare SOPRA il toggle button. */
nav.onetap-accessibility.onetap-plugin-onetap {
  width: 500px !important;
  max-width: 100vw !important;
  height: 100vh !important;
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 2147483647 !important;
  transition: left 0.3s ease !important;
}
/* Toggle button: z-index sotto il pannello, così quando il pannello si apre lo copre */
.onetap-container-toggle,
.onetap-container-toggle .onetap-toggle {
  z-index: 999999 !important;
}

/* Chiuso (default o esplicito): fuori schermo a sinistra */
nav.onetap-accessibility.onetap-plugin-onetap,
nav.onetap-accessibility.onetap-plugin-onetap.onetap-toggle-close {
  left: -520px !important;
  right: auto !important;
}

/* Aperto: sidebar a sinistra */
nav.onetap-accessibility.onetap-plugin-onetap.onetap-toggle-open {
  left: 0 !important;
  right: auto !important;
}

/* Mobile: sidebar full width (100vw) */
@media (max-width: 575px) {
  nav.onetap-accessibility.onetap-plugin-onetap {
    width: 100vw !important;
  }
  nav.onetap-accessibility.onetap-plugin-onetap,
  nav.onetap-accessibility.onetap-plugin-onetap.onetap-toggle-close {
    left: -100vw !important;
  }
}

/* Container interno: scrollabile verticalmente */
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container {
  width: 100% !important;
  max-width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings {
  height: 100vh !important;
  min-height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 40px !important;
}

/* ── Close X: in alto a destra ─────────────────────────────────────────── */
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings header.onetap-header-top .onetap-close {
  right: 18px !important;
  left: auto !important;
  top: 18px !important;
}

/* ── Stati attivi ben visibili ─────────────────────────────────────────── */
/* Switch: sfondo BLU quando .onetap-active — selettore completo per battere la regola grigia base che ha .onetap-right (specificity più alta) */
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings div.onetap-multi-functional-feature .onetap-box-functions .onetap-functional-feature.onetap-active .onetap-right .box-swich label.switch .slider,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings div.onetap-multi-functional-feature .onetap-box-functions .onetap-functional-feature .onetap-right .box-swich label.switch input:checked + .slider {
  background: #0091ff !important;
  border-radius: 50px !important;
}
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings div.onetap-multi-functional-feature .onetap-box-functions .onetap-functional-feature.onetap-active .onetap-right .box-swich label.switch .slider::before,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings div.onetap-multi-functional-feature .onetap-box-functions .onetap-functional-feature .onetap-right .box-swich label.switch input:checked + .slider::before {
  transform: translateX(22px) !important;
}

/* Functional feature attivo: sfondo azzurrino chiaro sul contenitore + icona blu */
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-multi-functional-feature .onetap-box-functions .onetap-functional-feature.onetap-active {
  background: rgba(0, 145, 255, 0.06) !important;
  border-radius: 12px !important;
}
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-multi-functional-feature .onetap-box-functions .onetap-functional-feature.onetap-active .onetap-left .onetap-icon svg {
  background: #0091ff !important;
  fill: #ffffff !important;
}

/* Feature box (griglia moduli) attivo: sfondo azzurrino chiaro + icona blu con svg bianco */
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-feature.onetap-active {
  background: rgba(0, 145, 255, 0.06) !important;
  border-color: #0091ff !important;
  box-shadow: 0 0 0 1px #0091ff !important;
}
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-feature.onetap-active .onetap-icon .onetap-icon-animation svg,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-feature.onetap-active .onetap-icon .onetap-text-align-icon svg {
  background: #0091ff !important;
  fill: #ffffff !important;
}

/* Titolo dei feature attivi: colore navy per contrasto */
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-feature.onetap-active .onetap-title,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-feature.onetap-active .onetap-title span,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-multi-functional-feature .onetap-box-functions .onetap-functional-feature.onetap-active .onetap-text,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-multi-functional-feature .onetap-box-functions .onetap-functional-feature.onetap-active .onetap-text span {
  color: #0c054b !important;
  font-weight: 700 !important;
}

/* Bottoni step level (+/−) e livelli selezionati: colori brand chiari */
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-feature .onetap-title p.onetap-option-levels span.onetap-level {
  background: #e5e7eb !important;
}
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-feature.onetap-lv1 .onetap-title p.onetap-option-levels span.onetap-level.onetap-level1,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-feature.onetap-lv2 .onetap-title p.onetap-option-levels span.onetap-level.onetap-level1,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-feature.onetap-lv2 .onetap-title p.onetap-option-levels span.onetap-level.onetap-level2,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-feature.onetap-lv3 .onetap-title p.onetap-option-levels span.onetap-level {
  background: #0091ff !important;
}

/* Language list: elemento attivo con highlight brand */
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings header.onetap-header-top .onetap-list-of-languages ul li.onetap-active {
  background: rgba(0, 145, 255, 0.10) !important;
}
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings header.onetap-header-top .onetap-list-of-languages ul li.onetap-active button {
  color: #0c054b !important;
  font-weight: 700 !important;
}

/* Hover / focus visibili sui bottoni */
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-feature:hover {
  border-color: rgba(0, 145, 255, 0.4) !important;
  cursor: pointer !important;
}
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-multi-functional-feature .onetap-box-functions .onetap-functional-feature:hover {
  background: rgba(0, 145, 255, 0.03) !important;
  border-radius: 12px !important;
  cursor: pointer !important;
}