/* ═══════════════════════════════════════════════════════════
   custom.css — MANIFEST personalizzazioni GR Servizi
   ───────────────────────────────────────────────────────────
   Caricato PER ULTIMO (dal footer) → tutto ciò che è qui, e nei
   file richiamati sotto, SOVRASCRIVE i particle lance* senza
   bisogno di !important e senza ricompilare nulla.

   ► Organizzazione: un file per pagina dentro css/custom/
     Gli @import vanno SEMPRE in cima (regola CSS).
   ► Dopo ogni modifica: salva → Ctrl+Shift+R (svuota cache Joomla se serve).
   ► Per legare uno stile a una pagina: in Gantry Page Settings → Body Class
     metti es. "page-servizi", poi scopa tutto sotto .page-servizi { … }.
   ═══════════════════════════════════════════════════════════ */

/* ── Rifiniture px/brand dei particle (base globale, prima delle pagine) ── */
@import url('custom/_particles.css');

/* ── File per-pagina (l'ordine conta: l'ultimo vince) ── */
@import url('custom/_home.css');
@import url('custom/_articolo.css');
@import url('custom/_notizie.css');
@import url('custom/_faq.css?v=3');


/* ═══════════════════════════════════════════════════════════
   TWEAK GLOBALI — valgono su tutto il sito
   (Per stili di una singola pagina usa invece i file qui sopra.)
   ═══════════════════════════════════════════════════════════ */

/* ▼▼▼ scrivi qui i ritocchi globali ▼▼▼ */

/* Enfasi <em>: il tema (o un'iniezione Gantry/DB) la rende rosso #ff4151, fuori
   palette. La riportiamo all'accento del sito (ambra). custom.css è caricato per
   ultimo; usiamo `body em` (specificità più alta di un `em` nudo) così vince
   a prescindere dall'ordine di caricamento, senza !important. */
body em { color: var(--gold); }

/* Tetto dimensione di tutti gli h1 del sito (titoli pagina articolo/notizie ecc.):
   responsive, max 3.375rem ≈ 54px. L'hero ha già lo stesso tetto via .lhero__title. */
h1 { font-size: clamp(2.25rem, 5vw, 3.375rem); }

/* Topbar allineata all'header: indirizzo ↔ bordo logo, telefono ↔ bordo bottone.
   La sezione Top (variazione nopaddingtop/bottom) tiene il padding ORIZZONTALE su
   .g-content; la Navigation (nopaddingall) no → topbar più rientrata. Lo azzeriamo. */
#g-top .g-content { padding-left: 0; padding-right: 0; }