/* /public/assets/littoral/mobile-navbar.css */
.topbar.public-topbar{position:sticky;top:0;z-index:120}
.mobile-menu-controls{display:none}
@media(max-width:760px){
    .topbar.public-topbar{flex-wrap:nowrap;min-height:62px}
    .public-topbar>.brand{order:0;flex:1 1 auto;min-width:0}
    .public-topbar>.top-actions{order:1;flex:0 0 auto;flex-wrap:nowrap;gap:8px;margin-left:auto}
    .public-topbar>.top-actions>[data-public-menu-toggle]{order:0}
    .public-topbar>.top-actions>.navbar-cart{order:1}
    .public-topbar>.top-actions>:not([data-public-menu-toggle]):not(.navbar-cart){display:none!important}
    .public-topbar>.navbar-search{display:none!important}
    .public-topbar .public-navigation{max-height:calc(100dvh - var(--mobile-header-height,70px));padding:16px 14px;align-items:stretch;text-align:center}
    .public-topbar .public-navigation>a,.public-topbar .public-submenu a{text-align:center}
    .public-topbar .public-dropdown-row{justify-content:center}
    .public-topbar .public-navigation>.navbar-search{order:-1;display:flex!important;flex:0 0 auto;width:100%;max-width:420px;min-width:0;margin:0 auto 12px}
    .public-topbar .mobile-menu-controls{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:340px;margin:12px auto 0;padding-top:16px;border-top:1px solid var(--line)}
    .mobile-menu-controls>.button,.mobile-menu-controls>form,.mobile-menu-controls>.user-menu{width:100%;max-width:100%;flex:none}
    .mobile-menu-controls>.button,.mobile-menu-controls button{justify-content:center;text-align:center}
    .mobile-menu-controls>[data-theme-toggle]{display:inline-flex;width:100%;height:42px;min-height:42px;border-radius:999px;padding:9px 12px;gap:8px}
    .mobile-menu-controls>[data-theme-toggle]::after{content:'Thème clair / sombre';font-size:13px}
    .mobile-menu-controls>.user-menu>summary{display:none!important}
    .mobile-menu-controls>.user-menu>nav{display:flex;position:static;flex-direction:column;gap:10px;min-width:0;width:100%;padding:0;border:0;background:transparent;box-shadow:none}
    .mobile-menu-controls>.user-menu>nav .button,.mobile-menu-controls>.user-menu>nav form,.mobile-menu-controls>.user-menu>nav button{width:100%;justify-content:center;text-align:center}
    .mobile-menu-controls>.user-menu>nav>a{background:var(--red);color:#fff;border-color:var(--red)}
}

@media(max-width:760px){.public-navigation .mobile-menu-controls>a.primary{background:var(--red);border-color:var(--red);color:#fff}}

@media(max-width:760px){.public-topbar .navbar-cart-panel{position:fixed;left:12px;right:12px;top:calc(var(--mobile-header-height,70px) + 8px);width:auto;max-width:none;max-height:calc(100dvh - var(--mobile-header-height,70px) - 20px);overflow-y:auto}}

/* Keep dropdown labels centred independently from their arrow button. */
@media(max-width:1200px){
 .public-topbar #publicNavigation{box-sizing:border-box;width:100%;left:0;right:0;text-align:center}
 .public-topbar #publicNavigation>.public-dropdown{width:100%;max-width:420px;margin-inline:auto}
 .public-topbar #publicNavigation .public-dropdown-row{position:relative;display:flex;justify-content:center;width:100%;min-height:42px;padding-inline:44px;box-sizing:border-box}
 .public-topbar #publicNavigation .public-dropdown-row>a{padding:10px 0;text-align:center}
 .public-topbar #publicNavigation .public-dropdown-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px}
 .public-topbar #publicNavigation>a{text-align:center;width:100%;box-sizing:border-box}
 .public-topbar #publicNavigation .public-submenu a{display:block;width:100%;box-sizing:border-box;text-align:center}
}
@media(max-width:760px){
 .public-topbar #publicNavigation .mobile-menu-controls>.navbar-account,.public-topbar #publicNavigation .mobile-menu-controls>.mobile-signup{width:100%;max-width:100%;flex-basis:auto;margin:0}
 .public-topbar #publicNavigation .mobile-menu-controls>[data-theme-toggle]{justify-content:center}
}