/*
 * KED — release 2026-09-24, punto 1
 * Tabelle caratteristiche delle pagine prodotto (Eos 59/723, Atlas 830/831).
 * Da installare come theme/templates-custom/css/product-tables.css
 * (enqueue: vedi p1-enqueue.patch).
 *
 * PROBLEMA
 *   Le parole delle celle vanno a capo a meta' ("Dimen-sions", senza trattino).
 *
 * CAUSA PRECISA
 *   Il CSS del blocco colonne di WordPress (wp-includes/blocks/columns/style.min.css,
 *   stampato inline nella pagina come <style id="wp-block-columns-inline-css">) contiene:
 *
 *       .wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}
 *
 *   word-break e overflow-wrap sono proprieta' EREDITATE, quindi arrivano fino ai <td>
 *   della tabella advgb annidata nella colonna al 33,33%. Il valore legacy
 *   `word-break:break-word` equivale a `overflow-wrap:anywhere` e, a differenza di
 *   `break-word`, entra nel calcolo della larghezza min-content: per il browser la cella
 *   puo' stringersi fino a un carattere. L'algoritmo table-layout:auto (la tabella ha
 *   width:100%;max-width:100% da advgb + width:100% da .table di Bootstrap) distribuisce
 *   allora la larghezza in proporzione al contenuto piu' lungo e comprime la colonna delle
 *   etichette sotto la larghezza di "Dimensions", che va a capo a meta'.
 *   Nessuna regola del tema (public/core.css) o di Advanced Gutenberg tocca word-break:
 *   la riga responsabile e' solo quella di WordPress qui sopra.
 *
 * CORREZIONE (la meno invasiva: nessuna larghezza fissa, nessun table-layout imposto)
 *   Si ripristina il comportamento normale SOLO nelle celle delle tabelle advgb del
 *   contenuto: word-break:normal toglie l'"anywhere" e rimette le parole intere nel
 *   calcolo min-content (le colonne non possono piu' essere compresse sotto la parola piu'
 *   lunga), overflow-wrap:break-word resta come valvola di sicurezza per un eventuale
 *   token lunghissimo (URL, sigla) senza influenzare la larghezza minima delle colonne.
 */
.entry-content table.advgb-table-frontend th,
.entry-content table.advgb-table-frontend td {
	word-break: normal;
	overflow-wrap: break-word;
	hyphens: manual;
}

/*
 * Fascia 782-991px: le colonne del blocco sono ancora affiancate (WordPress le impila
 * sotto i 782px) ma il .container di Bootstrap e' gia' sceso a 720px, quindi la colonna
 * al 33% misura ~219px mentre la tabella, con le parole intere, ne chiede ~240px (le
 * pagine EN 723 e 830 non hanno la classe "small", quindi girano a 1.1rem = 17,6px).
 * Senza questo ritocco la tabella sborderebbe dalla colonna. Si usano rem (non em) per
 * non moltiplicare il font-size con la classe "small" gia' presente sulle pagine IT.
 */
@media (min-width: 782px) and (max-width: 991.98px) {
	.entry-content table.advgb-table-frontend th,
	.entry-content table.advgb-table-frontend td {
		font-size: .8rem;
		padding: .4rem .35rem;
	}
}

/*
 * Etichette (prima colonna) su una riga sola: senza questa regola la tabella comprime la
 * colonna delle etichette e "On board voltage" va a capo tra le parole su tutti i desktop
 * (EN dai 782px in su, IT fino a 1600px). Esclusa la fascia 782-991px, dove "Ricetrasmettitore
 * USB" (Atlas IT) su una riga farebbe sbordare la tabella di 7px: li' le etichette possono
 * ancora andare a capo, ma solo tra una parola e l'altra.
 */
@media (max-width: 781.98px), (min-width: 992px) {
	.entry-content table.advgb-table-frontend td:first-child {
		white-space: nowrap;
	}
}

/*
 * OPZIONALE — da attivare solo se su un dispositivo reale la tabella sborda ancora dalla
 * colonna: rende la tabella scorrevole in orizzontale. Attenzione: con display:block la
 * tabella interna torna a dimensionarsi sul contenuto, quindi smette di occupare il 100%
 * della colonna quando lo spazio basterebbe (bordi piu' stretti).
 *
 * @media (max-width: 991.98px) {
 *     .entry-content table.advgb-table-frontend {
 *         display: block;
 *         overflow-x: auto;
 *         -webkit-overflow-scrolling: touch;
 *     }
 * }
 */