/* ============================================================
   est-ponte.css — ponte TEMPORANEO per le pagine non ancora rifatte
   migliorisitiscommesse.net — creato 2026-09-01, ridotto 2026-09-08
   Caricato da header.php DOPO est.css.

   Copertura residua: /contatti/, /privacy/, /termini/ — le sole pagine
   che usano ancora i componenti del tema vecchio (hs-h1, hs-h3, .fb) —
   più l'asse di lettura e le tabelle per /news/ e i post del 2016.

   Rimosse il 2026-09-08 perché nessuna pagina le usa più, da quando le
   cinque recensioni e /bonus/ sono passate al sistema .est: tutte le
   regole per .offers-wp (compreso il voto numerico al posto dello sprite
   stelline), .offer-table, .toc-wp, .table-wp / .table-cnt / .table-1,
   .hs-h2, .popup-link e le CTA a[rel=nofollow].
   Verificato con grep su tutte le 12 pagine servite e su 3 post del blog.

   NOTA sui margini dei titoli: 'margin: Npx auto' e non 'margin: Npx 0',
   altrimenti questa regola (specificità 0,1,3) batte l'asse di lettura
   qui sopra e i titoli delle pagine legali escono a filo di viewport.

   Quando anche le tre pagine legali passeranno a .est, questo file e il
   suo <link> in header.php vanno cancellati.
   ============================================================ */

/* asse di lettura: il contenuto vecchio correva da bordo a bordo su 1440 */
html body article > *:not(.est) { max-width: 1020px; margin-left: auto; margin-right: auto; }
html body article p, html body article li, html body article td, html body article th { text-align: left; hyphens: none; }
html body article p { padding-left: 0; padding-right: 0; }

/* titoli delle pagine legali: via il nastro arancione, dentro Anton */
html body article .hs-h1, html body article .hs-h3 { font-family: 'Anton', Impact, sans-serif; background-image: none !important; background-color: transparent; color: #101216; text-transform: uppercase; letter-spacing: 0.005em; padding-left: 0; }
html body article .hs-h1 { font-size: clamp(28px, 4.6vw, 42px); line-height: 1.04; margin: 26px auto 18px; }
html body article .hs-h3 { font-size: clamp(18px, 2.2vw, 21px); line-height: 1.14; margin: 30px auto 8px; }

/* pannello .fb: la fascia grigia era un'immagine di fondo */
html body article .fb { background-image: none !important; background-color: #f4f4f2; border-top: 2px solid #101216; border-bottom: 2px solid #101216; color: #14161a; padding: 14px 16px; margin: 24px auto; }
html body article .fb a { color: #101216; }
html body article .fb .title { font-family: 'Anton', Impact, sans-serif; text-transform: uppercase; color: #101216; letter-spacing: 0.03em; }

/* tabelle residue delle pagine legali e dei vecchi post */
html body article table { width: 100%; border-collapse: collapse; background-color: #ffffff; }
html body article table th { background-color: #ffffff; color: #6a7078; text-align: left; padding: 12px 14px; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; border: 0; border-bottom: 1px solid #101216; }
html body article table td { padding: 14px; border: 0; border-bottom: 1px solid #dcdde0; background-color: #ffffff; font-size: 16px; color: #2a2e35; vertical-align: middle; }

/* link nel testo: il tema li colora di verde #72a201 (layout.css:501) */
html body article p a, html body article li a, html body article td a { color: #c2255c; }
