/* =====================================================================
   IL LOGO NUOVO, IN ANTEPRIMA (02/10/2026 sera)
   ---------------------------------------------------------------------
   Il server collega questo foglio solo a chi ha il cookie bl_logo, cioe'
   a chi e' passato da /anteprima-logo: vedi logo_nuovo() in app/seo.php.
   Per tutti gli altri il marchio resta «● Binario LIVE».

   L'icona e' un SVG in linea (logo_icona_svg()), bianca e blu: va bene
   ovunque perche' barra e piede sono scuri in tutti e due i temi. Le parole
   restano nel carattere del marchio (Bricolage Grotesque, decisione del
   design system), ma scritte come nel logo dell'utente: «BinarioLive»
   attaccato, «Live» in blu e non in maiuscolo.

   Le misure sono scritte tutte e due, larghezza e altezza: un <svg> in
   linea con la sola altezza in qualche browser prende la larghezza del
   contenitore. Il rapporto e' quello del viewBox, 1390 x 560.
   ===================================================================== */
.rm-brand--logo,
.rm-foot-brand--logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.rm-logo-ico {
    display: block;
    flex: none;
    width: 60px;
    height: 24px;
    overflow: visible;
}
.rm-logo-testo {
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
}
.rm-brand--logo .rm-brand-2,
.rm-foot-brand--logo .rm-brand-2 {
    text-transform: none;
    letter-spacing: -.02em;
    margin-left: 0;
}
.rm-foot-brand--logo .rm-logo-ico { width: 55px; height: 22px; }
@media (max-width: 560px) {
    .rm-brand--logo { gap: 8px; }
    .rm-brand--logo .rm-logo-ico { width: 52px; height: 21px; }
}

/* LA BARRA SENZA MARGINE AI LATI. `.rm-nav-row { padding: 12px 0 }` in
   style.css voleva dare aria sopra e sotto e ha azzerato anche i lati:
   sul telefono il marchio parte dal bordo dello schermo (misurato: 0 px,
   il testo della pagina a 12) e il pallino di oggi e' mezzo tagliato. Col
   logo nuovo la scia dell'icona tocca il bordo. Qui solo per l'anteprima;
   per tutti va deciso insieme al logo. Sul computer la barra si allinea
   cosi' al testo della pagina (prima stava 12 px piu' a sinistra). */
.rm-nav-row { padding-left: var(--gutter, 12px); padding-right: var(--gutter, 12px); }