/* Override di sito — tema quark (ogigiazena.it).
   ---------------------------------------------------------------------------
   Qui stanno solo le modifiche che il tema non prevede. Il file è caricato
   dopo il CSS compilato del tema (partials/base.html.twig), quindi vince a
   parità di specificità: per le regole del tema più "pesanti" (quelle con
   `body.header-fixed...`) si copia il selettore intero.

   Logo della navbar al doppio (richiesta di Federico, 2026-09-22).
   Il tema tiene il logo a 42px dentro una barra alta 4rem (64px): raddoppiato
   a 84px non ci starebbe e sborderebbe sotto la riga bianca, quindi cresce
   anche la barra — e con lei lo scostamento del contenuto, che senza questo
   finirebbe sotto l'header fisso. */

#header { height: 6rem; }                        /* era 4rem */
#header .navbar-section { height: 6rem; }        /* era 4rem */

#header .logo img,
#header .logo svg { height: 84px; }              /* era 42px */

/* Stato "scrolled": la barra si accorcia e il logo si riduce in proporzione. */
body.header-fixed.header-animated #header.scrolled { height: 4.2rem; }
body.header-fixed.header-animated #header.scrolled .navbar-section { height: 4.2rem; }

body.header-fixed.header-animated #header.scrolled .logo img,
body.header-fixed.header-animated #header.scrolled .logo svg { height: 56px; }

/* Il contenuto scorre sotto la barra fissa: deve scendere quanto lei. */
.header-fixed #body-wrapper { padding-top: 6rem; }

/* Su schermo stretto il doppio è troppo: si tiene una via di mezzo. */
@media (max-width: 640px) {
  #header { height: 5rem; }
  #header .navbar-section { height: 5rem; }
  #header .logo img,
  #header .logo svg { height: 64px; }
  .header-fixed #body-wrapper { padding-top: 5rem; }
  body.header-fixed.header-animated #header.scrolled { height: 3.6rem; }
  body.header-fixed.header-animated #header.scrolled .navbar-section { height: 3.6rem; }
  body.header-fixed.header-animated #header.scrolled .logo img,
  body.header-fixed.header-animated #header.scrolled .logo svg { height: 46px; }
}

/* Il login-status del plugin Login (nome utente + Logout), che compare quando
   lo staff e' loggato, non e' previsto dal tema: con esso logo + menu + stato
   non stanno su una riga e il menu va a capo. L'header e' fisso, quindi la
   seconda riga finisce sopra il contenuto. Si tiene su una riga e, sotto i
   1280px, si accorcia lo stato al solo "Logout". */
#header .navbar { flex-wrap: nowrap; }

@media (max-width: 1280px) {
  #header .login-status-wrapper { font-size: 0; white-space: nowrap; }
  #header .login-status-wrapper .btn { font-size: 0.7rem; }
}