/* =========================================
   GLOBAL — REMOVE CLICK FOCUS BORDERS
   niente bordi brutti al click, focus elegante solo da tastiera
========================================= */

/* rimuove outline/box-shadow al click su tutto il sito */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
summary:focus,
[tabindex]:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* rimuove bordo/alone su link, immagini, card cliccabili */
a:active,
button:active,
[role="button"]:active,
a:focus,
button:focus,
[role="button"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* evita highlight grigio/blu su mobile */
a,
button,
input,
select,
textarea,
summary,
[role="button"] {
  -webkit-tap-highlight-color: transparent;
}

/* immagini dentro link: nessun bordo strano */
a img,
a:focus img,
a:active img {
  outline: none !important;
  box-shadow: none !important;
  border: 0;
}

/* WooCommerce / card / elementi cliccabili */
.product,
.product:focus,
.product:focus-within,
.woocommerce ul.products li.product,
.woocommerce ul.products li.product:focus,
.woocommerce ul.products li.product:focus-within,
.woocommerce ul.products li.product a:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* focus elegante SOLO per navigazione da tastiera */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 1px solid rgba(198, 161, 91, .75) !important;
  outline-offset: 4px;
  box-shadow: none !important;
}