/* rungiwhatsapp - pulsante WhatsApp sui prodotti non ordinabili.
   Colori modificabili qui sotto. */
:root {
  --rungiwa-bg: #69C332;          /* verde WhatsApp */
  --rungiwa-bg-hover: #FFFFFF;
  --rungiwa-text: #FFFFFF;        /* grafite RungiModels: leggibile sul verde */
  --rungiwa-note: #000000;
  --rungiwa-radius: 16px;
  /* pulsante "+ Dettagli" nelle liste: come il pulsante Carrello del tema
     (misurato sul sito il 09/11/2026) */
  --rungiwa-list-bg: #111517;        /* grafite */
  --rungiwa-list-bg-hover: #69C332;  /* verde, con il mouse sulla scheda */
  --rungiwa-list-text: #FFFFFF;
  --rungiwa-list-text-hover: #FFFFFF;
  --rungiwa-list-height: 36px;
  --rungiwa-list-icon: 18px;         /* occhio largo ~16 px: stesso peso della borsa 14x15 */
  --rungiwa-list-icon-gap: 4px;
  --rungiwa-list-gap: 42px;          /* spazio sopra: il posto del prezzo che manca */
  /* "Prezzo su richiesta" nelle liste: occupa la riga del prezzo (stessa altezza) */
  --rungiwa-price-text: #27672B;
  --rungiwa-price-size: 16px;
  --rungiwa-price-weight: 400;
}

.rungiwa-box {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 1rem 0;
  clear: both;
}

.rungiwa-note {
  margin: 0 0 .9rem;
  font-size: 1rem;
  line-height: 24px;
  color: var(--rungiwa-note);
}

a.rungiwa-btn,
a.rungiwa-btn:visited {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  width: 100%;
  box-sizing: border-box;
  padding: 11px 2rem;
  border-radius: var(--rungiwa-radius);
  background: var(--rungiwa-bg);
  border: 1px solid var(--rungiwa-bg);
  color: var(--rungiwa-text);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.00;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  transition: background-color .15s ease, transform .1s ease;
  font-family: "Cal Sans", sans-serif;
  text-transform: uppercase;
}
a.rungiwa-btn:hover,
a.rungiwa-btn:focus {
  background: var(--rungiwa-bg-hover);
  color: #69C332;
  text-decoration: none;
}
a.rungiwa-btn:focus-visible {
  outline: 3px solid var(--rungiwa-text);
  outline-offset: 2px;
}
a.rungiwa-btn:active { transform: translateY(1px); }

.rungiwa-icon { width: 1.5rem; height: 1.5rem; flex: 0 0 auto; }
.rungiwa-icon .rungiwa-bubble { fill: currentColor; }
.rungiwa-icon .rungiwa-dot { fill: var(--rungiwa-bg); }
a.rungiwa-btn:hover .rungiwa-dot,
a.rungiwa-btn:focus .rungiwa-dot { fill: var(--rungiwa-bg-hover); }

/* Testo solo per lettori di schermo */
.rungiwa-sr {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}

/* ---- Nascondi carrello, quantità e disponibilità sui prodotti col pulsante ----
   Solo elementi precisi, mai i contenitori: in Classic il pulsante WhatsApp
   sta dentro .product-quantity, insieme al carrello.
   1) con :has() (browser recenti, anche senza JS)
   2) con la classe .rungiwa-hide-cart messa da front.js (browser vecchi, temi diversi) */
.js-product-actions:has(.rungiwa-box[data-hide-cart="1"]) [data-button-action="add-to-cart"],
.js-product-actions:has(.rungiwa-box[data-hide-cart="1"]) .product-quantity .qty,
.js-product-actions:has(.rungiwa-box[data-hide-cart="1"]) .product-add-to-cart > .control-label,
.js-product-actions:has(.rungiwa-box[data-hide-cart="1"]) #product-availability,
.js-product-actions:has(.rungiwa-box[data-hide-cart="1"]) .product-minimal-quantity,
.rungiwa-hide-cart [data-button-action="add-to-cart"],
.rungiwa-hide-cart .product-quantity .qty,
.rungiwa-hide-cart .product-add-to-cart > .control-label,
.rungiwa-hide-cart #product-availability,
.rungiwa-hide-cart .product-minimal-quantity {
  display: none !important;
}

/* ---- Liste prodotti: "+ Dettagli" al posto del carrello grigio ---- */
.rungiwa-list-hidden { display: none !important; }

/* Con le classi del tema (predefinito): solo le correzioni necessarie per un <a>
   al posto di un <button>; colori, forma e font li decide il tema. */
a.rungiwa-details,
a.rungiwa-details:hover,
a.rungiwa-details:focus {
  text-decoration: none;
  cursor: pointer;
}
.rungiwa-details .name-btn-product { display: inline !important; } /* mai nascosto dal tema */
a.rungiwa-details:focus-visible {
  outline: 3px solid #111517;
  outline-offset: 2px;
}

/* Senza classi del tema (predefinito dalla 1.1.3): stesso aspetto del pulsante
   Carrello Leo. Grafite; verde quando il mouse è sulla scheda o sul pulsante. */
a.rungiwa-details.rungiwa-own,
a.rungiwa-details.rungiwa-own:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  max-width: 100%;
  min-height: var(--rungiwa-list-height);
  margin-top: var(--rungiwa-list-gap);
  padding: 0.5rem 1rem;
  border: 0;
  border-radius: 16px;
  background: var(--rungiwa-list-bg);
  color: var(--rungiwa-list-text);
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  white-space: nowrap;
  transition: background-color .2s ease, color .2s ease;
}
.thumbnail-container:hover a.rungiwa-details.rungiwa-own,
.product-miniature:hover a.rungiwa-details.rungiwa-own,
.ajax_block_product:hover a.rungiwa-details.rungiwa-own,
a.rungiwa-details.rungiwa-own:hover,
a.rungiwa-details.rungiwa-own:focus {
  background: var(--rungiwa-list-bg-hover);
  color: var(--rungiwa-list-text-hover);
}
/* Icona del pulsante "+ Dettagli" */
a.rungiwa-details .rungiwa-details-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: var(--rungiwa-list-icon);
  height: var(--rungiwa-list-icon);
  margin-right: var(--rungiwa-list-icon-gap);
  fill: currentColor;
  vertical-align: -0.15em;
}
/* Con le classi del tema: solo lo spazio al posto del prezzo */
a.rungiwa-details:not(.rungiwa-own) { margin-top: var(--rungiwa-list-gap); }

/* ---- "Prezzo su richiesta" al posto del prezzo nelle liste ----
   Alta come la riga del prezzo (--rungiwa-list-gap): con la scritta il pulsante
   non ha più bisogno del margine sopra e resta allineato alle schede con prezzo. */
.rungiwa-price-request {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--rungiwa-list-gap);
  margin: 0;
  padding: 0 .25rem;
  color: var(--rungiwa-price-text);
  font-family: inherit;
  font-size: var(--rungiwa-price-size);
  font-weight: var(--rungiwa-price-weight);
  line-height: 1.2;
  text-align: center;
  font-family: "Cal Sans", sans-serif;
}
a.rungiwa-details.rungiwa-with-price,
a.rungiwa-details.rungiwa-own.rungiwa-with-price {
  margin-top: 0;
}