/* * BresciaPC Child Theme — core.css * * Layout utility e componenti riutilizzabili su più pagine. */ /* * global.css * * Consolidated global styles. * Phase 0: merged from legacy theme assets/css/global/base.css + assets/css/modules/shell.css + print.css */ /* * BresciaPC — Global Base * Tokens, reset, typography, generic layout. * NOTE: style.css now contains ONLY theme metadata. */ /* * ========================================================================== * STANDARD DI SVILUPPO TEMPLATE (v4.0) * ========================================================================== * 1. Tutti i Custom Page Templates devono risiedere nella cartella /pages/. * 2. I file CSS specifici devono essere in /pages//.css. * 3. I file JS specifici devono essere in /pages//.js. * 4. Il sistema caricherà automaticamente gli asset se i nomi file coincidono. */ /* ------------------------------------------------------------------ [Performance Engineer] Utilities condivise (SSOT) Spostate qui da vari /pages/* per ridurre duplicazione CSS e migliorare cache. ------------------------------------------------------------------ */ /* * [Theme Architect] SSOT layout * .container è usato nei template legacy (index.php), .container-xl nei template più nuovi. */ .container, .container-xl { max-width: 1100px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 2; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } .fade-in-up { opacity: 0; transform: translateY(20px); animation: fadeInUp 0.8s forwards; } .reveal { opacity: 0; transform: translateY(20px); animation: fadeInUp 0.6s forwards; } /* ------------------------------------------------------------------ [Theme Architect / Performance Engineer] Delay animazioni (SSOT) Usare in combinazione con .fade-in-up / .reveal per evitare collisioni. ------------------------------------------------------------------ */ .fade-in-up.delay-1, .reveal.delay-1 { animation-delay: 0.1s; } .fade-in-up.delay-2, .reveal.delay-2 { animation-delay: 0.2s; } .fade-in-up.delay-3, .reveal.delay-3 { animation-delay: 0.3s; } .fade-in-up.delay-4, .reveal.delay-4 { animation-delay: 0.4s; } /* ------------------------------------------------------------------ [Theme Architect / Performance Engineer] Utility "Apple" condivise Usate in più template (FAQ/Contatti) per evitare duplicazioni. ------------------------------------------------------------------ */ .bpc-container { max-width: 1140px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 2; box-sizing: border-box; } .ambient-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.6; z-index: 0; pointer-events: none; } .ambient-orb.orb-1 { top: -10%; left: -10%; width: 50vw; height: 50vw; background: rgba(0, 113, 227, 0.15); } .ambient-orb.orb-2 { bottom: 10%; right: -10%; width: 40vw; height: 40vw; background: rgba(52, 199, 89, 0.1); } /* ╔══════════════════════════════════════════════════════════════════════════╗ ║ Section: PADDING GLOBALE PER HEADER FISSO ║ ╚══════════════════════════════════════════════════════════════════════════╝ */ /* * Aggiunge un padding-top al contenitore principale della pagina per compensare * l'altezza dell'header fisso, evitando che i contenuti vengano nascosti. * Le variabili --header-height-* sono definite in assets/css/common.css. */ /* * Adatta il padding per il nuovo contenitore principale (#main-content) */ /* Rimossa la regola di padding desktop per l'header fisso: non è più necessaria */ @media (max-width: 980px) { body #primary { padding-top: var(--header-height-mobile); } } /* ========================================================================== Stili Finali e Robusti per Archivi WooCommerce (v3.0) ========================================================================== */ /* --- Variabili CSS Globali (se non già definite) --- */ /* * Le variabili CSS di base sono ora definite unicamente in * assets/css/common.css per evitare duplicazioni e conflitti. * Eventuali ridefinizioni qui sono state rimosse. Se è necessario * personalizzare un valore, farlo in common.css. */ /* * ===================================================================== * Fix overflow e miglioramenti generali * * Le seguenti regole risolvono problemi di scrollbar orizzontale * osservati su varie pagine e nascondono elementi inutili come il * pulsante verticale "scroll to top" del tema precedente. Inoltre rendono più * armoniosa la barra di ricerca dell'header. */ /* Evita la comparsa della barra di scorrimento orizzontale su tutto il sito */ /* Rimozione dell'elemento scroll-to-top non più necessario */ /* Migliora l'allineamento della barra di ricerca nel header desktop */ /* * Eliminazione di pulsanti fluttuanti indesiderati * * Alcuni plugin inseriscono pulsanti fissi per lo scroll o per la gestione * del banner cookie che interferiscono con il design pulito * del sito. Le regole seguenti nascondono quei pulsanti. In caso di * ulteriori modifiche si consiglia di ispezionare l'HTML e regolare le * classi di conseguenza. */ #scroll-top, .scroll-top, .scrollToTop, .scroll-to-top { /* Nasconde pulsanti fluttuanti indesiderati senza usare !important */ display: none; } /* Nasconde il pulsante "Carica di più" nelle griglie categoria quando non necessario. Se in futuro verrà implementata una logica dinamica per caricare altre pagine, rimuovere questa regola o applicarla condizionalmente via JS. */ .apple-load-more { display: none; } /* Stile base per la pagina Informazioni Statica */ .info-static-page .info-static-section { max-width: var(--bspc-content-width, 1120px); margin-left: auto; margin-right: auto; padding: clamp(25px, 4vw, 40px); border-bottom: 1px solid var(--bspc-border-light, #e0e0e0); } .info-static-page .info-static-section:last-of-type { border-bottom: none; } .info-static-page .info-static-section h2 { font-size: clamp(1.5rem, 4vw, 2rem); margin-top: 0; margin-bottom: 0.5em; color: var(--bspc-text-primary, #1d1d1f); } .info-static-page .info-static-section p, .info-static-page .info-static-section li { font-size: 1rem; line-height: 1.6; color: var(--bspc-text-secondary, #515154); } .info-static-page .info-static-section ul { list-style: disc; padding-left: 25px; margin-bottom: 1em; } .info-static-page .info-static-section li strong { font-weight: 600; color: var(--bspc-text-primary, #1d1d1f); } .info-static-page .cta-section { text-align: center; padding: clamp(40px, 5vw, 60px); background-color: var(--bspc-bg-light, #f5f5f7); } .info-static-page .cta-section h2 { font-size: clamp(1.6rem, 5vw, 2.2rem); margin-bottom: 0.5em; } .info-static-page .cta-section p { font-size: 1rem; margin-bottom: 1.2em; color: var(--bspc-text-secondary, #515154); } .info-static-page .cta-section .button { background-color: var(--bspc-blue-primary, #0071e3); color: #fff; padding: 12px 24px; border-radius: var(--bspc-radius-small, 8px); font-size: 1rem; text-decoration: none; transition: background-color 0.2s ease; } .info-static-page .cta-section .button:hover { background-color: var(--bspc-blue-hover, #0077ed); } /* [Theme Architect] Regole di validazione .bspc-form spostate in woo/appointments/appointments.css per modularità (SSOT). */ /* ------------------------------------------------------------------ Classi layout utility ------------------------------------------------------------------ */ .bpc-section { max-width: var(--bspc-content-width); margin-left: auto; margin-right: auto; padding-left: var(--bspc-desktop-padding); padding-right: var(--bspc-desktop-padding); box-sizing: border-box; } .bpc-section.bpc-section-wider { max-width: var(--bspc-content-width-wider); } @media (max-width: 1160px) { .bpc-section { padding-left: var(--bspc-mobile-padding); padding-right: var(--bspc-mobile-padding); } } /* ╔══════════════════════════════════════════════════════════════════════════╗ ║ Section: COMPONENTI RIUTILIZZABILI – BOTTONI E CARD ║ ╚══════════════════════════════════════════════════════════════════════════╝ */ /* * Componente base per i bottoni (primary). Utilizzabile su link () o * elementi