/* Compuzone - barra di navigazione principale
 * ALS Informatica, 2026-09-21
 *
 * Porta il menu (ps_mainmenu) su una riga propria a tutta larghezza, sotto logo e
 * ricerca, con la fascia lilla del marchio. Senza, con sei voci il menu va a capo
 * perche' vive nella stessa riga Bootstrap del logo.
 *
 * Il file sta FUORI dal tema apposta: un aggiornamento di Hummingbird non lo tocca.
 * Dopo un aggiornamento va rimessa solo la riga <link> in
 * themes/hummingbird/templates/_partials/stylesheets.tpl (copia: .originale-20260921).
 *
 * Trappole gia' verificate sul posto:
 * - niente clip-path per la fascia: ritaglia anche in verticale e taglia le tendine;
 * - niente box-shadow con offset 100vw: la copia finisce fuori dalla viewport;
 * - lo pseudo-elemento a 100vw sborda della larghezza della scrollbar, quindi serve
 *   overflow-x: clip sul contenitore (clip, non hidden: hidden nasconderebbe i sottomenu);
 * - #7B619C e' il lilla accessibile del marchio (5,21:1 su bianco).
 * Sotto i 1200px non si tocca nulla: li' vale il menu mobile a scomparsa.
 */
@media (min-width: 1200px) {
.header-bottom { overflow-x: clip; }
.header-bottom__row .ps-mainmenu--desktop { order: 3; flex: 0 0 100%; max-width: 100%; margin-top: 0.85rem; position: relative; background: transparent; }
.header-bottom__row .ps-mainmenu--desktop::before { content: ""; position: absolute; inset: 0 auto 0 50%; width: 100vw; transform: translateX(-50%); background: #7B619C; z-index: 0; }
.header-bottom__row .ps-mainmenu--desktop > * { position: relative; z-index: 1; }
.ps-mainmenu--desktop .ps-mainmenu__tree { display: flex; flex-wrap: nowrap; }
.ps-mainmenu--desktop .ps-mainmenu__tree > li .ps-mainmenu__tree-link, .ps-mainmenu--desktop .ps-mainmenu__tree > li .ps-mainmenu__tree-link:hover, .ps-mainmenu--desktop .ps-mainmenu__tree > li .ps-mainmenu__tree-dropdown-toggle { color: #fff; }
.ps-mainmenu--desktop .ps-mainmenu__tree > li .ps-mainmenu__tree-link { font-weight: 600; padding: 0.7rem 0.85rem; white-space: nowrap; }
.ps-mainmenu--desktop .ps-mainmenu__tree > li .ps-mainmenu__tree-item-wrapper { border-radius: 3px; }
.ps-mainmenu--desktop .ps-mainmenu__tree > li .ps-mainmenu__tree-item-wrapper:hover, .ps-mainmenu--desktop .ps-mainmenu__tree > li .ps-mainmenu__tree-item-wrapper:focus-within { background: rgba(255, 255, 255, 0.15); }
}