/* ═══════════════════════════════════════════════════════════════════════════
   Fiche produit utilisable au clavier : focus visible
   Voir inc/product-keyboard.php et assets/js/uc-product-keyboard.js.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --uc-pk-focus: #1D4FD8;
}

/* Bouton « Ajouter au panier » : le thème parent le met à outline: 0 (.button) et à
   transition: all .2s, ce qui fait apparaître l'anneau en fondu depuis 0 px : on le veut
   net dès le focus (transition coupée dans cet état). */
.single-product div.product form.cart .single_add_to_cart_button:focus-visible {
  outline: 3px solid var(--uc-pk-focus);
  outline-offset: 2px;
  transition: none;
}

/* Pastilles de Variation Swatches : anneau net, hors du contour de la pastille
   (son ::before porte déjà son état « choisi »). */
.woocommerce div.product .tawcvs-swatches .swatch[role="radio"]:focus {
  outline: none;
}
.woocommerce div.product .tawcvs-swatches .swatch[role="radio"]:focus-visible {
  outline: 3px solid var(--uc-pk-focus);
  outline-offset: 3px;
}

/* Vignettes de la galerie. */
.woocommerce-product-gallery .flex-control-thumbs li img[role="button"]:focus-visible {
  outline: 3px solid var(--uc-pk-focus);
  outline-offset: 2px;
  opacity: 1;
}

/* Panneau d'onglet focalisable (sans contenu focalisable). */
.woocommerce-tabs .woocommerce-Tabs-panel[tabindex="0"]:focus-visible {
  outline: 3px solid var(--uc-pk-focus);
  outline-offset: 2px;
}

/* Barre mobile fixe : ne pas laisser l'élément focalisé (ou amené au premier plan par
   scrollIntoView) passer dessous. --uc-satc-h est posée par uc-sticky-atc.js. */
html.uc-satc-visible {
  scroll-padding-bottom: calc(var(--uc-satc-h, 0px) + 16px);
}

@media (prefers-reduced-motion: reduce) {
  .woocommerce-product-gallery .flex-control-thumbs li img[role="button"] {
    transition: none;
  }
}