/* Shared X-Redro navigation — consistent with Catalogue page */
.nav{position:relative;z-index:100;background:var(--surface-elevated,#fff)!important;border-bottom:1px solid var(--border,#e7e8e6)!important;box-shadow:0 2px 12px rgba(20,30,20,.025)}
.nav-inner{width:100%;max-width:1200px;margin:0 auto!important;padding:12px 22px!important;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo-wrap{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}
.logo-wrap .logo-img{height:36px;width:auto;max-width:170px;object-fit:contain;display:block}
.nav-links{display:flex;align-items:center;gap:clamp(12px,2vw,24px);margin-left:auto}
.nav-links a{display:inline-flex;align-items:center;padding:9px 0 7px!important;border:0!important;border-bottom:2px solid transparent!important;color:var(--text-secondary,#767b80)!important;text-decoration:none;font-size:12.5px!important;font-weight:700!important;white-space:nowrap;transition:color .15s,border-color .15s}
.nav-links a:hover,.nav-links a.active{color:var(--text-primary,#16181a)!important;border-bottom-color:#8fcb62!important}
.nav .theme-toggle{flex:0 0 auto;cursor:pointer}
.nav .nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.nav .nav-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:800;white-space:nowrap}
.nav .nav-actions .login{color:var(--text-primary,#16181a);border:1px solid var(--border,#e7e8e6);background:var(--surface-elevated,#fff)}
.nav .nav-actions .signup{color:#14210f;background:#9bdd78;border:1px solid #9bdd78}
.nav .burger{display:none;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border,#e7e8e6);border-radius:12px;background:var(--surface-elevated,#fff);padding:0;cursor:pointer}
.nav .burger span{display:block;width:17px;height:2px;border-radius:3px;background:var(--text-primary,#16181a)}
.nav .mobile-menu{display:none;flex-direction:column;gap:0;padding:8px 16px 14px;border-top:1px solid var(--border,#e7e8e6);background:var(--surface-elevated,#fff)}
.nav .mobile-menu a{display:block;padding:12px 4px;border-bottom:1px solid var(--border,#e7e8e6);color:var(--text-secondary,#767b80);font-size:13px;font-weight:700;text-decoration:none}
.nav .mobile-menu a.active,.nav .mobile-menu a:hover{color:var(--text-primary,#16181a)}
.nav .mobile-menu.open{display:flex}
.admin-nav{min-height:66px;padding:12px max(22px,calc((100% - 1156px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface-elevated,#fff);border-bottom:1px solid var(--border,#e7e8e6);box-shadow:0 2px 12px rgba(20,30,20,.025)}
.admin-nav .admin-logo img{height:36px;width:auto;object-fit:contain}.admin-nav .admin-home{padding:9px 15px;border:1px solid var(--border,#e7e8e6);border-radius:999px;color:var(--text-primary,#16181a);text-decoration:none;font-size:12px;font-weight:800}
@media(max-width:850px){.nav-inner{padding:10px 16px!important;min-height:60px;gap:12px}.nav-links{gap:13px}.nav-links a{font-size:11.5px!important}.logo-wrap .logo-img{height:32px;max-width:140px}}
@media(max-width:700px){.nav-inner{min-height:60px;padding:9px 14px!important}.nav-links.desktop-only,.nav-inner>.desktop-only{display:none!important}.nav .burger{display:flex}.nav .mobile-menu.open{display:flex}.nav .nav-actions{gap:7px}.nav .nav-actions a{padding:8px 11px;font-size:11px}.logo-wrap .logo-img{height:31px;max-width:135px}.admin-nav{min-height:60px;padding:10px 14px}.admin-nav .admin-logo img{height:32px}}
@media(max-width:380px){.nav .nav-actions a{padding:7px 9px;font-size:10px}.logo-wrap .logo-img{max-width:112px}}

/* Ensure the shared nav's higher-specificity logo rule never shows both theme logos. */
.nav .logo-wrap .logo-dark{display:none!important}
body[data-theme="dark"] .nav .logo-wrap .logo-light{display:none!important}
body[data-theme="dark"] .nav .logo-wrap .logo-dark{display:block!important}
body:not([data-theme="dark"]) .nav .logo-wrap .logo-light{display:block!important}
body:not([data-theme="dark"]) .nav .logo-wrap .logo-dark{display:none!important}