/* ==========================================================
   LicitaAI.club
   navbar.css
   Design System v2.0
   Mobile First
   Compatível com todos os HTMLs existentes
==========================================================*/

.navbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:var(--header-height);padding-inline:var(--space-6);background:var(--bg-navbar);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;}
.navbar-left{display:flex;align-items:center;gap:var(--space-5);flex-shrink:0;}
.navbar-logo{display:flex;align-items:center;gap:var(--space-3);font-weight:700;color:var(--color-primary);text-decoration:none;white-space:nowrap;}
.navbar-logo img{width:42px;height:42px;object-fit:contain;}
.navbar-nav{display:none;align-items:center;gap:var(--space-6);}
.navbar-nav a{color:var(--text-secondary);font-weight:600;text-decoration:none;transition:var(--transition-fast);white-space:nowrap;}
.navbar-nav a:hover,.navbar-nav a.active{color:var(--color-primary);}
.navbar-search{display:none;flex:1;width:100%;max-width:560px;margin-inline:var(--space-6);}
.navbar-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-shrink:0;}
.navbar-action{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:var(--text-secondary);transition:var(--transition-fast);}
.navbar-action:hover{background:var(--color-gray-100);color:var(--color-primary);}
.navbar-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);}
.navbar-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;cursor:pointer;}
@media(min-width:768px){.navbar{padding-inline:var(--space-7)}.navbar-search{display:flex}}
@media(min-width:1024px){.navbar{gap:var(--space-6)}.navbar-nav{display:flex}.navbar-toggle{display:none}.navbar-search{flex:1;max-width:640px}}
@media(min-width:1440px){.navbar{padding-inline:calc(var(--space-8) + 8px)}.navbar-search{max-width:720px}}