/* LBD Beige Contrast Fix v1.0.0
   Obiettivo: testo più scuro e leggibile su fondi beige/crema/caramello, senza toccare layout.
   Colori:
     - Testo principale scuro: #2B2118
     - Beige chiaro tipico:    #F3E6D6 (varie tonalità simili)
     - Bordo contrasto:        #cdb79a
*/

:root{
  --lbd-text-dark: #2B2118;
  --lbd-beige: #F3E6D6;
  --lbd-contrast-border: #cdb79a;
}

/* Base: alza contrasto del testo globale */
body{
  color: var(--lbd-text-dark);
}

/* 1) Blocchi Gutenberg con sfondo beige/crema
   (copre classi tipiche generate dal tema/editor) */
[class*="has-beige-background-color"],
[class*="has-caramel-background-color"],
[class*="has-cream-background-color"],
.has-background[class*="beige"],
.has-background[class*="caramel"],
.has-background[class*="cream"]{
  color: var(--lbd-text-dark);
}

/* 2) Sezioni con stile inline su beige comune (best-effort) */
*[style*="background:#f3e6d6"],
*[style*="background: #f3e6d6"],
*[style*="background-color:#f3e6d6"],
*[style*="background-color: #f3e6d6"],
*[style*="background:#F3E6D6"],
*[style*="background: #F3E6D6"],
*[style*="background-color:#F3E6D6"],
*[style*="background-color: #F3E6D6"]{
  color: var(--lbd-text-dark);
}

/* 3) Componenti LBD (card caramel, filtri, semaforo, bottoni IA) */
.lbd-card,
.lbd-card *,
.lbd-filters,
.lbd-filters *,
.lbd-quality-box,
.lbd-quality-box *,
.lbd-ai-btn,
.lbd-btn{
  color: var(--lbd-text-dark) !important;
}

/* 4) Tipografia — link più leggibili su beige */
a{
  color: var(--lbd-text-dark);
  text-decoration-thickness: .08em;
  text-underline-offset: 2px;
}
a:hover{
  filter: brightness(.9);
}

/* 5) WooCommerce: prezzi e testi su sezioni chiare */
.woocommerce .price,
.woocommerce div.product .summary .price,
.woocommerce ul.products li.product .price{
  color: var(--lbd-text-dark) !important;
  font-weight: 700;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  color: var(--lbd-text-dark);
  border-color: var(--lbd-contrast-border);
}

/* 6) Bottoni: testo chiaro su fondo scuro per massimo contrasto quando appaiono su beige */
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.dokan-btn{
  background: var(--lbd-text-dark);
  color: #fff !important;
  border-color: var(--lbd-text-dark);
}
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.dokan-btn:hover{
  filter: brightness(.92);
}

/* 7) Form/placeholder leggibili su beige */
input::placeholder,
textarea::placeholder{
  color: #7a5f4a;
  opacity: .95;
}
label, input, textarea, select{
  color: var(--lbd-text-dark);
}

/* 8) Bordo soft sui box chiari per stacco visivo */
.lbd-card,
.lbd-filters,
.lbd-quality-box,
.wp-block-group.has-background{
  border-color: var(--lbd-contrast-border) !important;
}

/* 9) Focus visibile per accessibilità su sfondo chiaro */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline: 2px solid #8b5a2b;
  outline-offset: 2px;
}