/* [04/11/2026] Prezzi e promozioni (art. 17-bis Codice del Consumo), caricato da mu-plugins/ac-prezzo-30gg.php.
   Scheda prodotto: il barrato dei 30 giorni accanto al nostro prezzo (solo in promozione vera) e sotto il «Prezzo consigliato»,
   il listino del produttore, piccolo e NON barrato. Card e carrello: il barrato c'è solo in promozione. Base: l'anteprima del 03/11. */

/* testo per i lettori di schermo («Prezzo più basso degli ultimi 30 giorni:»), invisibile a schermo */
.ac-p30-sr { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }

/* scheda prodotto */
html body.ac-product-test-page .ac-pt-price { flex-wrap: wrap; }
html body.ac-product-test-page .ac-pt-promo-rif,
html body.ac-product-test-page .ac-pt-promo-rif * { font-family: "Delight", sans-serif !important; font-weight: 600 !important; font-size: 22px !important; color: #bbbbbb !important; }
html body.ac-product-test-page .ac-pt-promo-rif del { text-decoration: line-through !important; }
/* [05/11/2026] Prezzo consigliato: ultima voce della sezione Condizione («la 3» di Matteo), come le altre voci della lista.
   Cifra con il carattere della voce; cerchietto nero con la «i» (come «?» e «!» delle altre sezioni) che apre il pannello;
   area da toccare più grande del cerchietto; niente effetti al passaggio del mouse. */
html body.ac-product-test-page .ac-pt-section-item.ac-p30-cond .woocommerce-Price-amount,
html body.ac-product-test-page .ac-pt-section-item.ac-p30-cond .woocommerce-Price-amount * { font: inherit !important; color: inherit !important; text-decoration: none !important; }
html body.ac-product-test-page .ac-pt-section-item.ac-p30-cond .ac-pt-section-icon { color: #000000 !important; border-color: #000000 !important; }
html body.ac-product-test-page .ac-pt-section-item.ac-p30-cond .ac-p30-voce { all: unset; position: absolute; inset: -8px; display: block; cursor: pointer; }
html body.ac-product-test-page .ac-pt-section-item.ac-p30-cond .ac-pt-section-icon .ac-p30-voce svg { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 10px !important; height: 10px !important; display: block !important; }
html body.ac-product-test-page .ac-pt-section-item.ac-p30-cond .ac-p30-voce:focus-visible { outline: 1px solid #000000; outline-offset: -5px; }

/* [05/11/2026] Icona «i» accanto al prezzo consigliato e al barrato: apre il pannello «Informazioni sui prezzi».
   Area da toccare più grande del disegno (padding con margini negativi), niente effetti al passaggio del mouse. */
html body.ac-product-test-page .ac-pt-price .ac-p30-info.ac-p30-info {
	all: unset; display: inline-flex !important; align-items: center; justify-content: center; vertical-align: middle;
	box-sizing: content-box; padding: 6px !important; margin: -6px -6px -6px 1px !important; cursor: pointer;
	line-height: 0 !important; text-decoration: none !important; color: #777777 !important;
}
html body.ac-product-test-page .ac-pt-price .ac-p30-info.ac-p30-info svg,
html body.ac-product-test-page .ac-pt-price .ac-p30-info.ac-p30-info svg * { color: #777777 !important; font-size: 0 !important; text-decoration: none !important; }
html body.ac-product-test-page .ac-pt-price .ac-p30-info.ac-p30-info svg { width: 14px !important; height: 14px !important; display: block !important; }
html body.ac-product-test-page .ac-pt-price .ac-pt-promo-rif .ac-p30-info.ac-p30-info svg { width: 16px !important; height: 16px !important; }
html body.ac-product-test-page .ac-pt-price .ac-p30-info.ac-p30-info:focus-visible { outline: 1px solid #000000 !important; outline-offset: 1px; }

/* pannello: come la finestra dei colori della scheda (velo, riquadro bianco senza angoli arrotondati, testata con linea nera) */
.ac-p30-pannello { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; }
.ac-p30-pannello.is-open { display: flex; }
.ac-p30-pannello-velo { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); }
.ac-p30-pannello-box { position: relative; background: #ffffff; width: min(560px, 90vw); max-height: 85vh; overflow-y: auto; box-sizing: border-box; padding: 0 0 30px 0; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); border-radius: 0; }
html body .ac-p30-pannello-testa { display: flex; align-items: flex-start; justify-content: space-between; margin: 22px 24px 8px 24px !important; padding: 0 0 18px 0 !important; border-bottom: 1.5px solid #000000 !important; }
html body .ac-p30-pannello-titolo { font-family: Delight, sans-serif !important; font-weight: 700 !important; font-size: 16px !important; color: #000000 !important; line-height: 1 !important; text-transform: uppercase !important; letter-spacing: 0 !important; }
html body .ac-p30-pannello-x { background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; line-height: 0 !important; cursor: pointer; border-radius: 0 !important; }
html body .ac-p30-pannello-x img { width: 14px !important; height: 14px !important; object-fit: contain; display: block; }
html body .ac-p30-pannello-corpo { margin: 26px 24px 0 24px !important; font-family: Lausanne, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.4 !important; color: #000000 !important; text-align: left !important; }
html body .ac-p30-pannello-corpo p { margin: 0 0 18px 0 !important; padding: 0 !important; font: inherit !important; color: inherit !important; }
html body .ac-p30-pannello-corpo strong { display: block !important; font-family: Delight, sans-serif !important; font-weight: 700 !important; margin: 0 0 4px 0 !important; }
html body .ac-p30-pannello-corpo .ac-p30-pannello-link { margin: 24px 0 0 0 !important; }
html body .ac-p30-pannello-corpo .ac-p30-pannello-link a { color: #000000 !important; text-decoration: underline !important; text-underline-offset: 3px; }
@media (max-width: 768px) {
	html body .ac-p30-pannello-corpo { font-size: 15px !important; }
}

/* [05/11/2026] Prezzo consigliato sopra il pulsante (opzione ac_p30_consigliato_dove = pulsante, scelta di Matteo): stessa voce,
   centrata sotto il prezzo. Sul telefono il pulsante è fisso in basso: la voce resta sotto il prezzo, prima di Disponibilità. */
html body.ac-product-test-page .ac-pt-section-item.ac-p30-sopra { justify-content: center !important; width: fit-content !important; max-width: 100% !important; margin: 10px auto 0 auto !important; }

/* [05/11/2026] Matteo: «mettiamolo un hover sulla scritta sennò difficilmente si capisce che ci si può cliccare sopra».
   Tutta la voce apre il pannello; col mouse la scritta si sottolinea al passaggio; sui telefoni (niente mouse) è sempre sottolineata,
   come le altre scritte cliccabili. Linea sottile, staccata dal testo. */
html body.ac-product-test-page .ac-pt-section-item.ac-p30-cond { cursor: pointer; }
html body.ac-product-test-page .ac-pt-section-item.ac-p30-cond .ac-pt-section-label { text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; }
@media (hover: hover) {
	html body.ac-product-test-page .ac-pt-section-item.ac-p30-cond:hover .ac-pt-section-label { text-decoration-line: underline !important; }
}
@media (hover: none) {
	html body.ac-product-test-page .ac-pt-section-item.ac-p30-cond .ac-pt-section-label { text-decoration-line: underline !important; }
}

/* [05/11/2026] Matteo: «uniformare e centrare verticalmente in modo corretto l'icona con la scritta, sembrano troppo elementi separati».
   Riga sopra il pulsante: cerchietto proporzionato al testo (1,1 volte), spazio di mezza lettera, centro del cerchietto sul centro
   delle maiuscole (misurato: col centraggio della riga stava 1 px più in basso), «i» in Lausanne normale come il testo. */
html body.ac-product-test-page .ac-pt-section-item.ac-p30-sopra { gap: 0.42em !important; }
html body.ac-product-test-page .ac-pt-section-item.ac-p30-sopra .ac-pt-section-icon { width: 1.1em !important; height: 1.1em !important; flex: 0 0 1.1em !important; transform: translateY(-0.08em); }
html body.ac-product-test-page .ac-pt-section-item.ac-p30-sopra .ac-pt-section-icon .ac-p30-voce svg { width: 1.1em !important; height: 1.1em !important; }