/* BSA - accessibilità del tema at_movic (WCAG 2.2 AA). v1.0 - 2026-10-25
   Complemento del modulo bsaaccessibilita: qui solo quello che appartiene al tema.
   Caricato in _partials/head.tpl dopo gli altri fogli BSA. Niente sintassi recente: Safari 12+. */

/* 2.4.7 focus visibile. Le regole "outline: none" sono state tolte dai CSS del tema;
   qui un contorno unico, ben visibile anche sulle barre scure. */
a:focus, button:focus, input:focus, select:focus, textarea:focus, summary:focus,
[tabindex]:not([tabindex="-1"]):focus, [role="button"]:focus {
  outline: 3px solid #1a5fb4;
  outline-offset: 2px;
}
/* voci del menu: il contenitore taglia ciò che sborda, il contorno va dentro la voce.
   html body: deve vincere anche su ".bsaa-focus a:focus { outline-offset: 2px !important }" del modulo bsaaccessibilita */
html body .bsa-l0-link:focus, html body .bsa-l1-link:focus, html body .bsa-mega-panel a:focus { outline-offset: -3px !important; }
@supports selector(:focus-visible) {
  a:focus:not(:focus-visible), button:focus:not(:focus-visible),
  [tabindex]:focus:not(:focus-visible), [role="button"]:focus:not(:focus-visible) {
    outline: none;
  }
}

/* 2.2.2 pulsante pausa della barra annunci (creato da custom.js) */
.bsa-announcement-bar { position: relative; }
.bsa-announcement-pause {
  position: absolute;
  right: 8px;
  top: 50%;
  z-index: 2;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.bsa-announcement-pause svg { width: 10px; height: 10px; fill: currentColor; vertical-align: middle; }
.bsa-announcement-pause:focus { outline-color: #fff; }

/* 1.4.3 contrasti di elementi che non stanno nei CSS del tema (Raw HTML di ApPage, moduli).
   Da riportare anche nel Raw HTML quando lo si modifica. */
.bsa-bar { background: #d10000 !important; }                /* era #ff0000 con testo bianco: 4.00:1 */
.remaining, .current-amount { color: #1e7b34 !important; }   /* era #28a745: 2.97:1 */

/* 2.5.8 punti da toccare di almeno 24x24 px */
.variant-links a,
.product-variants .color,
.product-variants .input-color + span,
.pagination a,
.modal .close,
.remove-from-cart,
.bootstrap-touchspin .btn {
  min-width: 24px;
  min-height: 24px;
}
.variant-links a { display: inline-block; }

/* 2.4.11 l'elemento con il focus non deve finire sotto l'intestazione fissa o i widget in basso */
html {
  scroll-padding-top: 150px;
  scroll-padding-bottom: 100px;
}
@media (max-width: 991px) {
  html { scroll-padding-top: 120px; }
}