/* Keep navigation in one row; compact account navigation uses the existing drawer. */
@media(min-width:1101px){
 html body .site-header>.wrap{width:calc(100% - 40px);max-width:1440px;display:flex;align-items:center;flex-wrap:nowrap!important;gap:12px!important}
 html body .site-header .logo{flex:0 0 170px!important;width:170px!important;min-width:170px!important;max-width:170px!important}
 html body .site-header .logo img{max-width:170px!important;max-height:52px!important;object-fit:contain}
 html body .site-header .nav-links{flex:0 1 auto!important;min-width:0!important;gap:18px!important;white-space:nowrap}
 html body .site-header .nav-links a{font-size:14px}
 html body .site-header .nav-actions.forja-auth-nav{flex:0 1 auto!important;width:auto!important;margin-left:auto!important;gap:9px!important;flex-wrap:nowrap!important;padding-top:0}
 html body .site-header .nav-actions.forja-auth-nav .btn-ghost{padding:9px 12px;font-size:14px}
 html body .site-header .theme-switch{flex:0 0 auto;margin:0!important}
 html body .site-header:has(.nav-links a[href*="planos"]) .nav-actions .forja-account-plans{display:none!important}
}
@media(min-width:1101px) and (max-width:1290px){html body .site-header.has-account-drawer .nav-links{display:none!important}}
@media(max-width:1100px){
 html body .site-header.has-account-drawer>.wrap{display:flex;align-items:center;flex-wrap:nowrap!important;gap:12px!important}
 html body .site-header.has-account-drawer .nav-actions.forja-auth-nav,html body .site-header.has-account-drawer .nav-links,html body .site-header.has-account-drawer .mobile-menu-toggle{display:none!important}
 html body .site-header.has-account-drawer .drawer-toggle.show{display:inline-flex!important;flex:0 0 auto}
 html body .site-header.has-account-drawer .theme-switch{margin-left:auto!important;flex:0 0 auto}
}

/* Cabeçalho público compacto e navegação móvel sem disputar espaço com a marca. */
@media(max-width:860px){
 html body .site-header:not(.has-account-drawer)>.wrap{position:relative;display:flex;align-items:center;flex-wrap:wrap!important;gap:8px!important;width:calc(100% - 32px);min-height:68px}
 html body .site-header:not(.has-account-drawer) .logo{order:0;flex:0 1 170px!important;width:170px!important;min-width:0!important;max-width:170px!important;overflow:hidden}
 html body .site-header:not(.has-account-drawer) .logo img{display:block;width:100%;max-width:170px!important;max-height:46px;object-fit:contain;object-position:left center}
 html body .site-header:not(.has-account-drawer) .theme-switch{order:1;flex:0 0 auto;margin:0 0 0 auto!important}
 html body .site-header:not(.has-account-drawer) .mobile-menu-toggle{order:2;flex:0 0 44px;width:44px;height:44px;margin:0!important;padding:9px;border-radius:13px}
 html body .site-header:not(.has-account-drawer) .nav-links{order:3}
 html body .site-header:not(.has-account-drawer) .nav-actions{order:4}
 html body .site-header:not(.has-account-drawer) .nav-links,
 html body .site-header:not(.has-account-drawer) .nav-actions{box-sizing:border-box;flex:0 0 100%;width:100%;margin:0;padding:12px 14px;gap:8px}
 html body .site-header:not(.has-account-drawer).menu-open .nav-links{border-top:1px solid var(--line);background:var(--chalk)}
 html body .site-header:not(.has-account-drawer).menu-open .nav-actions{padding-top:8px;padding-bottom:16px;background:var(--chalk)}
 html body .site-header:not(.has-account-drawer).menu-open .nav-links a{min-height:44px;padding:10px 12px;border-radius:12px}
 html body .site-header:not(.has-account-drawer).menu-open .nav-links a:hover{background:var(--concrete)}
 html body .site-header:not(.has-account-drawer).menu-open .nav-actions>a{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 16px;border-radius:14px;text-align:center}
}
@media(max-width:420px){
 html body .site-header:not(.has-account-drawer)>.wrap{width:calc(100% - 24px);gap:6px!important;min-height:64px}
 html body .site-header:not(.has-account-drawer) .logo{flex-basis:138px!important;width:138px!important;max-width:138px!important}
 html body .site-header:not(.has-account-drawer) .logo img{max-width:138px!important;max-height:40px}
 html body .site-header:not(.has-account-drawer) .mobile-menu-toggle{flex-basis:42px;width:42px;height:42px}
}