/* FILE: stile-menu.css. COSA: menu pubblico responsive con header bianco.
 * QUANDO: header di homepage e alimenti. PERCHE: mantiene logo, link e comandi usabili
 * anche con testi lunghi, schermi piccoli e zoom. DIPENDENZE: menu-pubblico.php,
 * header.php, stile-consultatore.css e colore principale dalle impostazioni. */
.header-pubblico .contenuto-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:#fff}
.header-pubblico .marchio-cliente{min-width:0;max-width:100%;flex:0 1 280px;overflow-wrap:anywhere}
.header-pubblico .marchio-cliente img{max-width:100%!important}
.menu-pubblico-desktop{display:flex;flex:1 1 500px;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:4px 10px;min-width:0}
.menu-pubblico-desktop a,.menu-pubblico-elenco a{color:#343a40;text-decoration:none;font-weight:600;line-height:1.4;padding:12px 14px;min-height:44px;overflow-wrap:anywhere;border-radius:8px}
.menu-pubblico-desktop a{max-width:220px}
.menu-pubblico-desktop a:hover,.menu-pubblico-elenco a:hover{background:#f0f5f4;text-decoration:underline}
.menu-pubblico-desktop a:focus-visible,.menu-pubblico-elenco a:focus-visible,.menu-pubblico-mobile summary:focus-visible{outline:3px solid var(--colore-principale,#00998b);outline-offset:3px}
.menu-pubblico-mobile{display:none}
.avviso-nuova-scheda{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){
.menu-pubblico-desktop{display:none}
.header-pubblico .marchio-cliente{flex:1 1 180px;max-width:calc(100% - 100px)}
.menu-pubblico-mobile{display:block;margin-left:auto;max-width:100%;min-width:0}
.menu-pubblico-mobile summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #dce5e7;border-radius:8px;color:#343a40;font-weight:700}
.menu-pubblico-mobile summary::-webkit-details-marker{display:none}
.menu-pubblico-mobile[open]{flex:1 1 100%;width:100%;margin-left:0}
.menu-pubblico-mobile[open] summary{width:max-content;max-width:100%;margin-left:auto}
.menu-pubblico-elenco{display:flex;flex-direction:column;margin-top:12px;border-top:1px solid #e5e7eb;padding-top:8px;gap:4px;width:100%}
.menu-pubblico-elenco a{display:block;width:100%}
}