/* Cornice nativa delle sole pagine costruite dal child theme. */

.eee-pagina .eee-sito-header,
.eee-pagina .eee-sito-footer,
.eee-pagina .eee-sito-header *,
.eee-pagina .eee-sito-footer *{
  box-sizing:border-box;
}

.eee-pagina .eee-salta-contenuto{
  position:fixed;
  z-index:1000;
  top:.75rem;
  left:.75rem;
  padding:.7rem 1rem;
  border-radius:var(--eee-r-s);
  background:var(--eee-verde);
  color:var(--eee-notte);
  font-weight:700;
  text-decoration:none;
  transform:translateY(calc(-100% - 1rem));
  transition:transform .15s ease;
}
.eee-pagina .eee-salta-contenuto:focus{transform:translateY(0)}

.eee-pagina .eee-sito-header{
  position:relative;
  z-index:100;
  background:#08074E;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.eee-pagina .eee-sito-header__interno{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(1rem,3vw,2.4rem);
  min-height:88px;
}
.eee-pagina .eee-marchio{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  width:clamp(128px,13vw,170px);
  color:#fff;
}
.eee-pagina .eee-marchio img{display:block;width:100%;height:auto}
.eee-pagina .eee-marchio__testo{display:none}

.eee-pagina .eee-nav-principale{margin-left:auto}
.eee-pagina .eee-nav-principale ul{margin:0;padding:0;list-style:none}
.eee-pagina .eee-nav-principale__livello{display:flex;align-items:center;gap:.2rem}
.eee-pagina .eee-nav-principale__voce{position:relative;margin:0}
.eee-pagina .eee-nav-principale a,
.eee-pagina .eee-nav-principale summary{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:.55rem .72rem;
  border-radius:var(--eee-r-s);
  color:#fff;
  font-size:.9rem;
  font-weight:600;
  line-height:1.25;
  text-decoration:none;
}
.eee-pagina .eee-nav-principale summary{gap:.45rem;cursor:pointer;list-style:none}
.eee-pagina .eee-nav-principale summary::-webkit-details-marker{display:none}
.eee-pagina .eee-nav-principale summary::after{
  content:"";
  width:.45rem;
  height:.45rem;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-.12rem) rotate(45deg);
  transition:transform .15s ease;
}
.eee-pagina .eee-nav-principale details[open] > summary::after{transform:translateY(.12rem) rotate(225deg)}
.eee-pagina .eee-nav-principale a:hover,
.eee-pagina .eee-nav-principale summary:hover,
.eee-pagina .eee-nav-principale a[aria-current="page"],
.eee-pagina .eee-nav-principale__dettaglio--corrente > summary{
  background:rgba(255,255,255,.1);
}
/* La CTA deve prevalere sul colore bianco dei normali link di navigazione. */
.eee-pagina .eee-nav-principale a.eee-nav-principale__azione{
  margin-left:.2rem;
  background:var(--eee-verde);
  color:var(--eee-notte);
}
.eee-pagina .eee-nav-principale a.eee-nav-principale__azione:hover,
.eee-pagina .eee-nav-principale a.eee-nav-principale__azione[aria-current="page"]{
  background:#2D2185;
  color:#fff;
}
.eee-pagina .eee-nav-principale__dettaglio > ul{
  position:absolute;
  z-index:2;
  top:calc(100% + .45rem);
  left:0;
  display:grid;
  width:min(310px,calc(100vw - 2rem));
  padding:.55rem;
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--eee-r);
  background:#2D2185;
  box-shadow:0 18px 42px rgba(3,4,50,.34);
}
.eee-pagina .eee-nav-principale__dettaglio:not([open]) > ul{display:none}
.eee-pagina .eee-nav-principale__dettaglio > ul a{min-height:40px;padding:.6rem .7rem;font-size:.86rem}

.eee-pagina .eee-menu-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  min-width:44px;
  min-height:44px;
  padding:.55rem .75rem;
  border:1px solid rgba(255,255,255,.28);
  border-radius:var(--eee-r-s);
  background:transparent;
  color:#fff;
  font:inherit;
  font-weight:600;
  cursor:pointer;
}
.eee-pagina .eee-menu-toggle[hidden]{display:none}
.eee-pagina .eee-menu-toggle__icona{display:grid;gap:4px;width:18px}
.eee-pagina .eee-menu-toggle__icona span{display:block;height:2px;border-radius:2px;background:currentColor}

.eee-pagina .eee-sito-footer{
  padding-block:clamp(2.5rem,5vw,4rem) 1.4rem;
  background:#2D2185;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.14);
}
.eee-pagina .eee-sito-footer__griglia{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2rem;
  align-items:start;
}
.eee-pagina .eee-sito-footer__titolo{margin:0 0 .75rem;font-family:var(--eee-font-title);font-size:1.15rem;font-weight:700}
.eee-pagina .eee-sito-footer address{display:grid;gap:.35rem;font-style:normal}
.eee-pagina .eee-sito-footer a{color:#fff;text-underline-offset:3px}
.eee-pagina .eee-sito-footer a:hover{color:var(--eee-verde)}
.eee-pagina .eee-sito-footer__legale{display:grid;gap:.45rem;text-align:right}
.eee-pagina .eee-sito-footer__chiusura{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14)}
.eee-pagina .eee-sito-footer__chiusura p{margin:0;color:rgba(255,255,255,.72);font-size:.82rem}

.eee-pagina .eee-sito-header :focus-visible,
.eee-pagina .eee-sito-footer :focus-visible{
  outline:3px solid var(--eee-verde);
  outline-offset:3px;
}

/* Fino a 960px conserviamo il menu compatto. Allineato a JS/noscript. */
@media (max-width:960px){
  .eee-pagina .eee-sito-header__interno{flex-wrap:wrap;min-height:76px;padding-block:.65rem}
  .eee-pagina .eee-marchio{width:132px}
  .eee-pagina .eee-menu-toggle{display:inline-flex;margin-left:auto}
  .eee-pagina .eee-nav-principale{width:100%;margin:0;padding:.25rem 0 .65rem}
  .eee-pagina .eee-nav-principale:not(.eee-nav-principale--aperta){display:none}
  .eee-pagina .eee-nav-principale__livello{display:grid;gap:.15rem}
  .eee-pagina .eee-nav-principale a,
  .eee-pagina .eee-nav-principale summary{justify-content:space-between;width:100%;padding:.7rem .75rem}
  .eee-pagina .eee-nav-principale__azione{margin-left:0}
  .eee-pagina .eee-nav-principale__dettaglio > ul{
    position:static;
    width:auto;
    margin:.15rem 0 .4rem .65rem;
    padding:.25rem 0 .25rem .55rem;
    border:0;
    border-left:1px solid rgba(255,255,255,.24);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
}

/* Il collasso del footer resta distinto da quello della navigazione. */
@media (max-width:900px){
  .eee-pagina .eee-sito-footer__griglia{grid-template-columns:1fr}
  .eee-pagina .eee-sito-footer__legale{text-align:left}
}

/* Il logo bianco SVG non viene ricolorato dal sistema: alternativa testuale solo
   nei colori forzati. L'etichetta accessibile del collegamento resta nel template. */
@media (forced-colors:active){
  .eee-pagina .eee-marchio img{display:none}
  .eee-pagina .eee-marchio__testo{display:inline;font-size:1.3rem;font-weight:600}
}

@media (prefers-reduced-motion:reduce){
  .eee-pagina .eee-salta-contenuto,
  .eee-pagina .eee-nav-principale summary::after{transition:none}
}