/* ZEBHUB HEADER */
.zebhub-header { position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1px solid rgba(0,0,0,0.06);height:var(--header-h);transition:var(--transition); }
.zebhub-header.scrolled { box-shadow:var(--shadow-md); }
.navbar { display:flex;align-items:center;gap:8px;height:var(--header-h); }
.navbar__logo-text { display:flex;align-items:baseline; }
.logo-zeb { font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-black);letter-spacing:-1px; }
.logo-hub { font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-primary);letter-spacing:-1px; }
.navbar__categories { position:relative; }
.nav-btn { display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:transparent;border-radius:var(--radius-sm);font-weight:600;font-size:0.9rem;color:var(--color-gray-dark);cursor:pointer;transition:var(--transition);font-family:var(--font-primary); }
.nav-btn:hover { background:var(--color-gray-light);color:var(--color-primary); }
.categories-dropdown { position:absolute;top:calc(100% + 12px);left:0;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,0.06);padding:16px;min-width:320px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--transition);z-index:100; }
.categories-dropdown.open { opacity:1;visibility:visible;transform:translateY(0); }
.categories-dropdown__grid { display:grid;grid-template-columns:1fr 1fr;gap:4px; }
.category-item { display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);transition:var(--transition);font-size:0.88rem;color:var(--color-black);font-weight:600; }
.category-item:hover { background:var(--color-gray-light);color:var(--color-primary); }
.navbar__menu { flex:1;display:flex;justify-content:center; }
.nav-links { display:flex;align-items:center;gap:4px; }
.nav-links li a { display:block;padding:8px 14px;font-size:0.9rem;font-weight:500;color:var(--color-gray-dark);border-radius:var(--radius-sm);transition:var(--transition); }
.nav-links li a:hover { color:var(--color-primary);background:rgba(0,174,239,0.08); }
.navbar__search { position:relative; }
.search-toggle { background:none;border:none;padding:8px;cursor:pointer;color:var(--color-gray-dark);border-radius:var(--radius-sm);transition:var(--transition);display:flex; }
.search-toggle:hover { color:var(--color-primary);background:var(--color-gray-light); }
.search-dropdown { position:absolute;top:calc(100% + 12px);right:0;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:16px;width:380px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--transition);z-index:100; }
.search-dropdown.open { opacity:1;visibility:visible;transform:translateY(0); }
.search-input-wrap { display:flex;align-items:center;gap:10px;background:var(--color-gray-light);border-radius:var(--radius-sm);padding:10px 14px;border:2px solid transparent;transition:var(--transition); }
.search-input-wrap:focus-within { border-color:var(--color-primary);background:white; }
.search-input-wrap input { flex:1;border:none;background:transparent;outline:none;font-size:0.95rem;font-family:var(--font-primary);color:var(--color-black); }
.navbar__actions { display:flex;align-items:center;gap:8px;flex-shrink:0; }
.user-avatar-wrap { position:relative; }
.user-avatar { background:none;border:2px solid var(--color-primary);border-radius:50%;padding:2px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden; }
.user-dropdown { position:absolute;top:calc(100% + 12px);right:0;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--transition);z-index:100; }
.user-avatar-wrap:hover .user-dropdown { opacity:1;visibility:visible;transform:translateY(0); }
.user-dropdown__header { padding:12px;border-bottom:1px solid var(--color-gray-light);margin-bottom:8px; }
.user-dropdown a { display:block;padding:8px 12px;font-size:0.88rem;color:var(--color-gray-dark);border-radius:var(--radius-sm); }
.user-dropdown a:hover { background:var(--color-gray-light);color:var(--color-primary); }
.user-dropdown hr { border:none;border-top:1px solid var(--color-gray-light);margin:8px 0; }
.logout-link { color:#e53e3e!important; }
.hamburger { display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto; }
.hamburger span { display:block;width:24px;height:2px;background:var(--color-black);border-radius:2px;transition:var(--transition); }
.hamburger.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.hamburger.active span:nth-child(2) { opacity:0; }
.hamburger.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }
@media(max-width:768px){
    .hamburger{display:flex;}
    .navbar__menu,.navbar__search,.navbar__actions{display:none;}
    .navbar__menu.mobile-open{display:flex;position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:white;flex-direction:column;padding:24px 16px;z-index:999;overflow-y:auto;}
    .navbar__menu.mobile-open .nav-links{flex-direction:column;align-items:flex-start;width:100%;}
    .navbar__menu.mobile-open .nav-links li{width:100%;}
    .navbar__menu.mobile-open .nav-links li a{padding:14px 16px;font-size:1rem;}
}