/* ========================================================= File: sb-policy.css Percorso: /wp-content/themes/snapbrainy-website/assets/css/sb-policy.css Scopo: Stili responsive per le pagine di policy (es. Privacy, Termini) con supporto per tema Dark (default) e Light. ========================================================= */ /* --------------------------------------------------------- Stili Base Comuni (Dark Theme di default) --------------------------------------------------------- */ .sb-policy-page { /* Spaziatura verticale fluida per adattarsi a tutti gli schermi */ padding-top: clamp(40px, 8vw, 80px) !important; padding-bottom: clamp(60px, 10vw, 100px) !important; /* Colore di base del testo per il tema dark */ color: var(--sb-ink-on-dark); background: transparent !important; /* Mantiene lo sfondo del body */ } /* Stile per il titolo principale della pagina (H1) */ .sb-policy-page .entry-title { text-align: center; margin-bottom: clamp(24px, 5vw, 40px); /* Aumentato lo spazio per maggiore respiro */ /* Dimensione del font fluida */ font-size: clamp(2.2rem, 6vw, 3.8rem); /* Stili specifici per il tema dark */ color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.78), 0 0 8px rgba(0, 0, 0, 0.5); } /* Contenitore del testo principale per un controllo centralizzato */ .sb-policy-page .entry-content { /* Limita la larghezza massima per non eccedere su schermi molto grandi */ max-width: var(--sb-wrap, 1200px); margin-inline: auto; /* Centra il contenitore orizzontalmente */ } /* Stili per i sottotitoli (H2, H3, etc.) */ .sb-policy-page .entry-content h2, .sb-policy-page .entry-content h3, .sb-policy-page .entry-content h4 { margin-top: clamp(30px, 6vw, 50px); margin-bottom: clamp(12px, 3vw, 24px); /* Dimensione fluida per i sottotitoli */ font-size: clamp(1.6rem, 4.5vw, 2.2rem); font-weight: 800; /* Stili specifici per il tema dark */ color: #fff !important; } /* Stili per il corpo del testo (paragrafi e liste) */ .sb-policy-page .entry-content p, .sb-policy-page .entry-content li { line-height: 1.8; /* Dimensione del font fluida e leggibile */ font-size: clamp(1rem, 2.2vw, 1.15rem); /* Limita la larghezza del testo per migliorare la leggibilità su schermi ampi */ max-width: 900px; margin-left: auto; /* Centra i blocchi di testo quando max-width è attivo */ margin-right: auto; } .sb-policy-page .entry-content p { color: #EAF0FF; /* Colore specifico per il tema dark */ } /* --- AGGIUNTO --- * Correzione per liste puntate e numerate. * Aggiunge lo spazio laterale (padding) per evitare che i bullet points * si attacchino al bordo dello schermo sui dispositivi mobili. */ .sb-policy-page .entry-content ul, .sb-policy-page .entry-content ol { max-width: 900px; margin-left: auto; margin-right: auto; padding-left: 25px; /* Spazio fondamentale per l'indentazione */ list-style-position: outside; /* Mantiene i bullet all'esterno del testo */ color: #EAF0FF; } /* Stili per i link all'interno del contenuto */ .sb-policy-page .entry-content a { color: var(--sb-gold); text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s ease; /* Transizione per effetto hover */ } .sb-policy-page .entry-content a:hover { color: #fff; } /* ========================================================= Stili SPECIFICI per lo Sfondo BIANCO (Light Theme) Vengono attivati aggiungendo la classe .sb-policy-light al ========================================================= */ /* Selettore per la versione Light */ body.sb-policy-light .sb-policy-page { color: var(--sb-ink); /* Testo di base nero */ } /* Reset degli sfondi del tema principale per un look pulito */ body.sb-policy-light, body.sb-policy-light #inner-wrap, body.sb-policy-light #main { background: #FFFFFF !important; box-shadow: none !important; } body.sb-policy-light::before, body.sb-policy-light::after { display: none !important; /* Rimuove eventuali pseudo-elementi di sfondo */ } /* Titoli in versione Light */ body.sb-policy-light .sb-policy-page .entry-title, body.sb-policy-light .sb-policy-page .entry-content h2, body.sb-policy-light .sb-policy-page .entry-content h3, body.sb-policy-light .sb-policy-page .entry-content h4 { color: var(--sb-ink) !important; text-shadow: none; /* Rimuove l'ombra del testo */ text-align: center; /* Assicura che i titoli rimangano centrati */ } /* Corpo del testo in versione Light */ body.sb-policy-light .sb-policy-page .entry-content p, body.sb-policy-light .sb-policy-page .entry-content ul, body.sb-policy-light .sb-policy-page .entry-content ol { color: var(--sb-ink-soft); /* Grigio scuro per una lettura confortevole */ text-align: justify; /* Giustifica il testo per un aspetto più formale */ } /* Link in versione Light */ body.sb-policy-light .sb-policy-page .entry-content a { color: var(--sb-ink); /* Link scuro per contrasto */ font-weight: 600; } body.sb-policy-light .sb-policy-page .entry-content a:hover { color: var(--sb-gold); }