/*
 * Ponte verso il sito Avada (profilo "bridge"): quello che di solito dà il tema fil. Le regole valgono solo dentro
 * i contenitori del plugin, così non toccano il resto del sito; i colori dei blocchi hanno già i valori di ripiego.
 */
.filc-app,.filc-offer,.filc-toast{--ink:#0A1A2F;--ink-2:#334155;--mute:#5F6F86;--line:#E2E8F0;--soft:#F6F8FB;--brand:#1268D6;--brand-2:#0D57B5;--blue:#2A98FC;--tint:#EAF3FF;--ok:#0B7550;--warn:#B45309}
.filc-app *,.filc-offer *{box-sizing:border-box}

/* Avada dà altezza, bordi e margini propri a campi ed etichette: dentro i blocchi del plugin valgono i loro. */
.filc-app input,.filc-app select,.filc-offer input:not([type=checkbox]),.filc-offer select,.filc-offer textarea{
  width:100%;height:auto;min-height:42px;margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:10px;
  background:#fff;color:var(--ink);font:inherit;font-size:15px;line-height:1.4;box-shadow:none}
.filc-offer textarea{min-height:120px}
.filc-app input:focus,.filc-app select:focus,.filc-offer input:focus,.filc-offer select:focus,.filc-offer textarea:focus{
  outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}
.filc-app label,.filc-offer label{line-height:1.35}
.filc-app h2,.filc-offer h2{margin:0;font-size:inherit;line-height:1.3;color:var(--ink)}
.filc-offer h2{font-size:22px;margin-bottom:14px}
.filc-app button,.filc-offer button{font:inherit;cursor:pointer;text-transform:none;letter-spacing:normal}
.filc-app{margin:24px auto}

/*
 * "Aggiungi all'offerta". Nelle schede del catalogo è un pulsante secondario (contorno blu, si riempie al passaggio),
 * staccato dai bordi della scheda e su una riga: venti pulsanti pieni uno sotto l'altro pesano troppo.
 * Le regole partono da "html body": quelle di Avada per i .button di WooCommerce (.woocommerce button.button) hanno
 * la stessa specificità di "body .classe.button" e, caricate dopo, vincerebbero.
 */
html body .filc-bridge-add.button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;
  min-height:42px;padding:9px 16px;margin:0;border:1.5px solid #2885FC;border-radius:8px;
  background:#2885FC;color:#fff;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none;
  white-space:nowrap;box-shadow:none;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
html body .filc-bridge-add.button::before{content:"+";font-size:18px;font-weight:500;line-height:1;margin-top:-2px}
html body .filc-bridge-add.button:hover{background:#1268D6;border-color:#1268D6;color:#fff}
html body .filc-bridge-add.button:focus-visible{outline:2px solid #1268D6;outline-offset:2px}
html body .filc-bridge-add.button:active{transform:translateY(1px)}

html body ul.products li.product .filc-bridge-add.button{
  display:flex;width:calc(100% - 32px);margin:4px 16px 16px;padding:9px 8px;gap:6px;font-size:13px;background:#fff;color:#1268D6;
  white-space:normal;text-align:center} /* su una riga quando ci sta; nelle schede strette va a capo invece di uscire */
html body ul.products li.product .filc-bridge-add.button:hover{background:#1268D6;color:#fff}

/* Scheda prodotto: sotto la quantità, larga quanto il riquadro. */
html body form.cart .filc-bridge-add.button{display:flex;width:100%;margin-top:12px}

/* Già nell'offerta: verde chiaro con la spunta; un altro clic aggiunge un pezzo. */
html body .filc-bridge-add.button.is-added,html body ul.products li.product .filc-bridge-add.button.is-added{
  background:#E7F5EE;border-color:#0B7550;color:#0B7550}
html body .filc-bridge-add.button.is-added::before{content:"\2713";font-size:15px;margin-top:0}
html body .filc-bridge-add.button.is-added:hover{background:#0B7550;border-color:#0B7550;color:#fff}
@media (prefers-reduced-motion:reduce){html body .filc-bridge-add.button{transition:none}html body .filc-bridge-add.button:active{transform:none}}

/* Contatore nel menu, accanto alle voci di Avada. */
.filc-bridge-basket [data-filc-count]{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:4px;
  border-radius:10px;background:#2885FC;color:#fff;font-style:normal;font-size:12px;font-weight:700;line-height:1}