/* Header e footer di Codex nel sito. Le regole hanno il prefisso degli stili di Codex (:is(#em-rd,.em-rd-nav)), sennò perdono.
    Il contenitore non fa scatola: cosi' l'header resta sticky rispetto alla pagina. */
.em-rd-nav{display:contents}
/* il carattere di Codex: sulle pagine del tema non lo carica nessun altro foglio */
@font-face{font-family:'EM Montserrat';src:url('./components/checker/assets/montserrat-latin-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
/* sopra al titolo con parallasse del tema e agli altri suoi livelli */
:is(#em-rd,.em-rd-nav) .site-header{z-index:9000}
:is(#em-rd,.em-rd-nav) .em-nav-scrim{z-index:8999}
/* sulle pagine WordPress il contenuto non passa sotto l'header (nel prototipo la home metteva la foto sotto) */
:is(#em-rd,.em-rd-nav) .site-header{margin-bottom:0}
body.admin-bar :is(#em-rd,.em-rd-nav) .site-header{top:32px}
@media (max-width:782px){body.admin-bar :is(#em-rd,.em-rd-nav) .site-header{top:46px}}
/* cambio lingua: non c'e' nel prototipo, stesso linguaggio dei bottoni dell'header */
:is(#em-rd,.em-rd-nav) .em-lang{position:relative}
:is(#em-rd,.em-rd-nav) .em-lang summary{list-style:none;display:flex;align-items:center;gap:4px;min-height:44px;padding:0 10px;font-size:13px;font-weight:650;cursor:pointer;border-radius:22px}
:is(#em-rd,.em-rd-nav) .em-lang summary::-webkit-details-marker{display:none}
:is(#em-rd,.em-rd-nav) .em-lang summary:hover{background:#6db02118}
:is(#em-rd,.em-rd-nav) .em-lang summary .icon{width:14px;height:14px;transition:transform .2s}
:is(#em-rd,.em-rd-nav) .em-lang[open] summary .icon{transform:rotate(180deg)}
:is(#em-rd,.em-rd-nav) .em-lang-list{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line,#e2e4df);border-radius:8px;box-shadow:0 8px 24px #10150e14;padding:6px;display:grid;min-width:72px;z-index:40}
:is(#em-rd,.em-rd-nav) .em-lang-list a{padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;border-radius:6px;color:var(--ink,#10150e)}
:is(#em-rd,.em-rd-nav) .em-lang-list a:hover{background:#6db02118}
:is(#em-rd,.em-rd-nav) .em-lang-list a[aria-current]{color:#4d7132}
:is(#em-rd,.em-rd-nav) .em-lang-mobile{display:flex;gap:8px;margin:18px 0 6px}
:is(#em-rd,.em-rd-nav) .em-lang-mobile a{flex:1;text-align:center;padding:10px 0;border:1px solid var(--line,#d9dfd0);border-radius:6px;font-weight:650;font-size:14px;text-decoration:none;color:var(--ink,#10150e)}
:is(#em-rd,.em-rd-nav) .em-lang-mobile a[aria-current]{border-color:var(--green,#6DB021);color:#4d7132}
/* sul telefono la lingua sta nel menu */
@media (max-width:1200px){.em-rd-nav .header-actions .em-lang{display:none}}
