/* ===========================================================================
   LIMEN — stile della navigazione condivisa. Una sola definizione per tutte
   le pagine dei due host: se cambia qui, cambia ovunque.
   Il markup lo genera limen.js; le pagine espongono solo <div id="limen-nav">.
   =========================================================================== */
.limen-nav{
  background:#fff;
  border-bottom:2px solid #0B1F33;
  position:sticky; top:0; z-index:60;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  flex:none;                      /* per le pagine a layout flex, es. la mappa */
}
.limen-nav .lnav-wrap{
  max-width:1180px; margin:0 auto; padding:0 30px;
  display:flex; align-items:center; gap:22px; height:56px;
}
.limen-nav .marchio{
  display:flex; align-items:center; gap:10px;
  text-decoration:none; margin-right:auto; white-space:nowrap;
}
.limen-nav .marchio b{
  font-weight:800; font-size:20px; letter-spacing:2px; color:#0B1F33;
}
.limen-nav .marchio .ed{ color:#0E4C8A; }

.limen-nav a.lv{
  font-size:11px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#5d6b79; text-decoration:none; padding:4px 0; white-space:nowrap;
  border-bottom:2px solid transparent; display:inline-flex; align-items:center; gap:5px;
}
.limen-nav a.lv:hover{ color:#0B1F33; }
.limen-nav a.lv.on{ color:#0B1F33; border-bottom-color:#C69214; }
.limen-nav a.lv.alt{ color:#0E4C8A; }
.limen-nav .bandierina{ font-size:12px; letter-spacing:0; margin-right:2px; }

/* La striscia-paese sotto la nav, sulle pagine di un'edizione. I colori vengono dal
   registro in limen.js, non da qui: aggiungere un'edizione resta una riga sola.
   Il filo grigio in basso serve alle bandiere che hanno il bianco (Serbia, Ungheria):
   su carta bianca quella banda sparirebbe, e la bandiera sembrerebbe averne due.
   Altezze diverse per orientamento, e non è un capriccio: a bande orizzontali ognuna
   prende un terzo dell'altezza, quindi una striscia da 6px dà bande da 2px e il rosso
   della Serbia sparisce contro il filo scuro della nav. A bande verticali ogni colore
   prende tutta l'altezza e 5px bastano. */
.limen-paese{ display:flex; flex-direction:column; height:12px;
  border-bottom:1px solid #dfe4e9; }
.limen-paese span{ flex:1; }
.limen-paese.vert{ flex-direction:row; height:5px; }

/* segnaposto onesto: la pagina esiste solo in italiano */
.limen-nav .it-only{
  font-family:ui-monospace,Menlo,monospace; font-style:normal;
  font-size:8px; letter-spacing:.5px; color:#93a0ab;
  border:1px solid #dfe4e9; border-radius:2px; padding:0 3px;
}

.limen-nav .et{
  font-family:ui-monospace,Menlo,monospace; font-size:8.5px; letter-spacing:1.6px;
  color:#93a0ab; text-transform:uppercase;
  border-left:1px solid #dfe4e9; padding-left:20px;
}
.limen-nav .langs{
  font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:1px;
  color:#93a0ab; border-left:1px solid #dfe4e9; padding-left:18px; white-space:nowrap;
}
.limen-nav .langs a{ color:#0E4C8A; text-decoration:none; }
.limen-nav .langs a:hover{ text-decoration:underline; }
.limen-nav .langs b{ color:#0B1F33; font-weight:600; }

@media (max-width:900px){
  .limen-nav .lnav-wrap{ gap:14px; overflow-x:auto; padding:0 18px; }
  .limen-nav .et{ display:none; }
}

/* la nav non compare nella modalità embed della mappa né in stampa */
.embed .limen-nav{ display:none; }
@media print{ .limen-nav{ display:none; } }

/* ===========================================================================
   La striscia social, generata da limen.js in fondo al piè di pagina.
   Nessun colore di testo fissato qui: lo EREDITA da chi la ospita, perché i
   piedi del sito sono navy scuri ma la rubrica Est Europa è su carta bianca —
   un colore fisso andrebbe bene in un posto e sarebbe illeggibile nell'altro.
   L'oro compare solo al passaggio del mouse. Il filo di separazione è un grigio
   translucido, che tiene su entrambi i fondi.
   =========================================================================== */
.limen-social{
  max-width:1180px; margin:14px auto 0; padding:11px 30px 2px;
  border-top:1px solid rgba(128,140,155,.32);
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  flex:none;                      /* dentro un layout flex non si stira né si schiaccia */
  font-family:var(--mono,ui-monospace,Menlo,monospace);
  font-size:9px; letter-spacing:1.4px; text-transform:uppercase;
}
/* dove il piede ha già un rientro suo, la striscia rinuncia al proprio */
.limen-social.ls-piatta{ padding-left:0; padding-right:0; }
/* nello slot esplicito non c'è un piede sotto: serve aria in fondo alla pagina */
.limen-social.ls-slot{ margin-bottom:34px; }
/* barra di chiusura di una pagina a tutta altezza (la mappa): qui il colore SI fissa,
   perché non c'è un piede da cui ereditarlo — e sono gli stessi della sysbar in cima */
.limen-social.ls-barra{
  max-width:none; margin:0; padding:9px 18px; border-top:0;
  background:var(--ink,#0B1F33); color:#8fa0b0;
}
.limen-social .ls-lab{ opacity:.72; }
.limen-social a.ls-a{
  display:inline-flex; align-items:center; gap:6px;
  color:inherit; text-decoration:none; font-weight:600;
}
.limen-social a.ls-a svg{ display:block; fill:currentColor; }
.limen-social a.ls-a:hover{ color:var(--gold,#C69214); }

.embed .limen-social{ display:none; }
@media print{ .limen-social{ display:none; } }