/**
 * Gespan Accessibility Colors - Override
 * 
 * Questo file sovrascrive tutti i colori di accessibilità
 * con il colore aziendale marrone #684e40
 * 
 * @package Gespan
 * @version 1.0
 */

/* ==================================================
   FOCUS E OUTLINE - COLORE MARRONE GESPAN
   ================================================== */

/* Focus generale */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
  outline: 2px solid #4a352e !important;
  outline-offset: 2px;
}

/* Focus con box-shadow */
.button:focus,
.button.icon:focus {
  outline: 2px solid #4a352e !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4a352e !important;
}

/* ==================================================
   GALLERIA PRODOTTO - FLICKITY
   ================================================== */

/* Bottoni navigazione galleria */
.product-images .flickity-prev-next-button:focus,
.product-images .flickity-prev-next-button:active {
  background: #4a352e !important;
  color: #fff !important;
}

/* Dots attivi */
.product-images .flickity-page-dots .dot.is-selected {
  background: #4a352e !important;
  border-color: #4a352e !important;
}

/* Focus thumbnail */
.product-thumbnails a:focus img,
.product-thumbnails a:focus-visible img {
  box-shadow: 0 0 0 3px #4a352e;
}

/* ==================================================
   BOTTONI E INTERAZIONI
   ================================================== */

/* Bottoni Flickity generici */
.flickity-button:focus {
  outline: 2px solid #4a352e !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4a352e;
}

.flickity-button:active,
.flickity-button:hover {
  background-color: #4a352e !important;
  color: #fff !important;
}

/* Bottoni galleria personalizzati */
.gallery-box .toggle-description-button:focus {
  outline: 2px solid #4a352e !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4a352e;
}

/* ==================================================
   FORM E INPUT
   ================================================== */

/* Focus input */
input:focus, 
select:focus, 
textarea:focus {
  outline: 2px solid #4a352e !important;
  border-color: #4a352e !important;
}

/* ==================================================
   TAB E NAVIGAZIONE
   ================================================== */

/* Tab attive */
.woocommerce-tabs .tabs li.active a {
  background: #4a352e !important;
  color: #fff !important;
}

/* Breadcrumb */
.woocommerce-breadcrumb a:hover {
  color: #4a352e !important;
}

/* ==================================================
   HEADING E TITOLI
   ================================================== */

/* Override per ux_product_categories */
.ux_product_categories h5.uppercase.header-title {
  color: #4a352e !important;
}

/* ==================================================
   BANNER E OVERLAY
   ================================================== */

/* Banner nascosti - rimuovi bottoni */
.banner[aria-hidden="true"] a.button,
.banner[aria-hidden="true"] button,
.banner[aria-hidden="true"] a[href] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ==================================================
   OVERRIDE GENERALE
   ================================================== */

/* Sostituisci tutti i colori blu con marrone */
* {
  --gespan-focus-color: #4a352e;
  --gespan-hover-color: #4a352e;
  --gespan-active-color: #4a352e;
}

/* Focus visibile globale */
*:focus-visible {
  outline: 2px solid #4a352e !important;
  outline-offset: 2px;
}