/* Shared JEJ buyer/public portal navbar — 2026-08 */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.navbar.jej-portal-navbar{position:fixed!important;top:0!important;left:0!important;width:100%!important;min-height:86px!important;padding:11px 5%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;box-sizing:border-box!important;z-index:1200!important;color:#fff!important;background:rgba(15,23,42,.965)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-shadow:0 8px 28px rgba(15,23,42,.09)!important}
.jej-portal-navbar .nav-logo{display:flex!important;align-items:center!important;min-width:0!important;flex:0 1 auto!important}
.jej-portal-navbar .brand-link{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;max-width:500px!important;text-decoration:none!important;color:inherit!important}
.jej-portal-navbar .brand-logo{width:180px!important;max-height:68px!important;height:auto!important;object-fit:contain!important;flex:none!important;filter:drop-shadow(0 4px 12px rgba(0,0,0,.24))!important}
.jej-portal-navbar .nav-logo-text{min-width:0!important;margin-left:-12px!important}
.jej-portal-navbar .nav-logo-text h2{margin:0!important;color:#fff!important;font:900 1.22rem/1.08 'Montserrat',sans-serif!important;letter-spacing:.15px!important;white-space:nowrap!important;text-shadow:0 2px 5px rgba(0,0,0,.35)!important}
.jej-portal-navbar .nav-logo-text span{display:block!important;margin-top:5px!important;color:#f4d03f!important;font:800 9.5px/1 'Roboto',sans-serif!important;letter-spacing:1.65px!important;text-transform:uppercase!important;white-space:nowrap!important}
.jej-portal-navbar .nav-links{display:flex!important;align-items:center!important;gap:28px!important;margin-left:auto!important}
.jej-portal-navbar .nav-links a{position:relative!important;color:#fff!important;font:700 .9rem/1 'Roboto',sans-serif!important;text-decoration:none!important;white-space:nowrap!important;padding:13px 0!important;transition:.2s ease!important}
.jej-portal-navbar .nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;border-radius:999px;background:#f4d03f;transition:.2s ease}
.jej-portal-navbar .nav-links a:hover,.jej-portal-navbar .nav-links a.active{color:#f4d03f!important}
.jej-portal-navbar .nav-links a:hover::after,.jej-portal-navbar .nav-links a.active::after{right:0}
.jej-portal-navbar .nav-actions{display:flex!important;align-items:center!important;gap:11px!important;flex:none!important}
.jej-portal-navbar .nav-reservation-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:9px 15px!important;border:1px solid rgba(244,208,63,.34)!important;border-radius:999px!important;background:rgba(244,208,63,.11)!important;color:#f4d03f!important;font:800 .78rem/1 'Montserrat',sans-serif!important;white-space:nowrap!important;text-decoration:none!important;transition:.22s ease!important}
.jej-portal-navbar .nav-reservation-link:hover,.jej-portal-navbar .nav-reservation-link.active{background:#f4d03f!important;color:#111827!important;border-color:#f4d03f!important;transform:translateY(-1px)!important}
.jej-portal-navbar .notification-bell{position:relative!important;width:42px!important;height:42px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:19px!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.035)!important;transition:.2s ease!important}
.jej-portal-navbar .notification-bell:hover,.jej-portal-navbar .notification-bell.active{color:#f4d03f!important;border-color:rgba(244,208,63,.38)!important;background:rgba(244,208,63,.10)!important;transform:translateY(-1px)!important}
.jej-portal-navbar .notification-dot{position:absolute!important;top:7px!important;right:7px!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#ef4444!important;border:2px solid #0f172a!important}
.jej-portal-navbar .profile-dropdown-container{position:relative!important}
.jej-portal-navbar .profile-trigger{display:flex!important;align-items:center!important;gap:9px!important;min-height:46px!important;max-width:230px!important;padding:5px 8px 5px 13px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.025)!important;color:#fff!important;cursor:pointer!important;transition:.2s ease!important}
.jej-portal-navbar .profile-trigger:hover,.jej-portal-navbar .profile-trigger.active{background:rgba(255,255,255,.08)!important;border-color:rgba(244,208,63,.35)!important}
.jej-portal-navbar .profile-info{display:block!important;min-width:0!important;max-width:128px!important;text-align:right!important}
.jej-portal-navbar .profile-name{display:block!important;color:#fff!important;font:700 .78rem/1.2 'Roboto',sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.jej-portal-navbar .profile-role{display:block!important;margin-top:2px!important;color:#f4d03f!important;font:800 .61rem/1.1 'Roboto',sans-serif!important;letter-spacing:.5px!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.jej-portal-navbar .avatar-circle{width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#f4d03f!important;color:#111827!important;font-weight:900!important;border:2px solid rgba(255,255,255,.3)!important}
.jej-portal-navbar .avatar-circle.has-photo{background:transparent!important}.jej-portal-navbar .avatar-photo{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important}
.jej-portal-navbar .profile-caret{font-size:10px!important;color:#94a3b8!important;margin-right:2px!important}
.jej-portal-navbar .profile-dropdown-menu{display:none;position:absolute!important;top:calc(100% + 10px)!important;right:0!important;width:235px!important;overflow:hidden!important;border-radius:14px!important;border:1px solid #e2e8f0!important;background:#fff!important;box-shadow:0 20px 48px rgba(15,23,42,.18)!important;z-index:1300!important;padding:6px!important}
.jej-portal-navbar .profile-dropdown-menu.active{display:block!important;animation:jejNavDrop .16s ease!important}
@keyframes jejNavDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.jej-portal-navbar .profile-dropdown-item{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border-radius:9px!important;color:#334155!important;font:700 .83rem/1.2 'Roboto',sans-serif!important;text-decoration:none!important;transition:.16s ease!important}
.jej-portal-navbar .profile-dropdown-item i{width:18px!important;text-align:center!important;color:#94a3b8!important}.jej-portal-navbar .profile-dropdown-item:hover,.jej-portal-navbar .profile-dropdown-item.current{background:#f8fafc!important;color:#111827!important}.jej-portal-navbar .profile-dropdown-item:hover i,.jej-portal-navbar .profile-dropdown-item.current i{color:#d5a800!important}.jej-portal-navbar .profile-dropdown-item.logout-btn{margin-top:4px!important;border-top:1px solid #eef2f7!important;border-radius:0 0 9px 9px!important;color:#dc2626!important}.jej-portal-navbar .profile-dropdown-item.logout-btn i{color:#ef4444!important}.jej-portal-navbar .profile-dropdown-item.logout-btn:hover{background:#fef2f2!important}
.jej-portal-navbar .mobile-menu-btn{display:none!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:11px!important;background:#f4d03f!important;color:#111827!important;font-size:17px!important;cursor:pointer!important;flex:none!important}
.jej-portal-navbar .nav-login-btn{white-space:nowrap!important}

html[data-theme="dark"] .jej-portal-navbar .profile-dropdown-menu{background:var(--jej-theme-surface,#18231c)!important;border-color:var(--jej-theme-border,#36513f)!important;box-shadow:0 22px 50px rgba(0,0,0,.52)!important}
html[data-theme="dark"] .jej-portal-navbar .profile-dropdown-item{color:var(--jej-theme-text-soft,#c8d7cb)!important}
html[data-theme="dark"] .jej-portal-navbar .profile-dropdown-item:hover,html[data-theme="dark"] .jej-portal-navbar .profile-dropdown-item.current{background:var(--jej-theme-hover,#24372a)!important;color:var(--jej-theme-text,#edf6ef)!important}
html[data-theme="dark"] .jej-portal-navbar .profile-dropdown-item.logout-btn{border-top-color:var(--jej-theme-border-soft,#2c4234)!important}

@media(max-width:1180px){.navbar.jej-portal-navbar{padding-left:3%!important;padding-right:3%!important;gap:14px!important}.jej-portal-navbar .brand-logo{width:155px!important}.jej-portal-navbar .nav-logo-text h2{font-size:1.03rem!important}.jej-portal-navbar .nav-logo-text span{font-size:8px!important}.jej-portal-navbar .nav-links{gap:20px!important}.jej-portal-navbar .profile-info{max-width:105px!important}}
@media(max-width:900px){.navbar.jej-portal-navbar{min-height:72px!important;padding:9px 15px!important;gap:9px!important}.jej-portal-navbar .brand-logo{width:130px!important;max-height:52px!important}.jej-portal-navbar .nav-logo-text{display:none!important}.jej-portal-navbar .mobile-menu-btn{display:inline-flex!important;order:2!important;margin-left:auto!important}.jej-portal-navbar .nav-links{position:absolute!important;top:100%!important;left:0!important;width:100%!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:8px 12px 12px!important;background:#0f172a!important;border-top:1px solid rgba(255,255,255,.07)!important;box-shadow:0 15px 30px rgba(15,23,42,.22)!important}.jej-portal-navbar .nav-links.show{display:flex!important}.jej-portal-navbar .nav-links a{width:100%!important;padding:13px 14px!important;border-radius:9px!important}.jej-portal-navbar .nav-links a::after{display:none!important}.jej-portal-navbar .nav-links a:hover,.jej-portal-navbar .nav-links a.active{background:rgba(244,208,63,.10)!important}.jej-portal-navbar .nav-actions{order:3!important;gap:7px!important}.jej-portal-navbar .nav-reservation-link{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important}.jej-portal-navbar .nav-reservation-link span{display:none!important}.jej-portal-navbar .profile-info,.jej-portal-navbar .profile-caret{display:none!important}.jej-portal-navbar .profile-trigger{width:42px!important;height:42px!important;min-height:42px!important;padding:2px!important;justify-content:center!important}.jej-portal-navbar .avatar-circle{width:34px!important;height:34px!important;min-width:34px!important}.jej-portal-navbar .notification-bell{width:42px!important;height:42px!important}.jej-portal-navbar .nav-login-btn{padding:10px 12px!important;font-size:.8rem!important}}
@media(max-width:480px){.jej-portal-navbar .brand-logo{width:112px!important}.jej-portal-navbar .mobile-menu-btn,.jej-portal-navbar .notification-bell,.jej-portal-navbar .profile-trigger,.jej-portal-navbar .nav-reservation-link{width:38px!important;height:38px!important;min-height:38px!important}.jej-portal-navbar .avatar-circle{width:30px!important;height:30px!important;min-width:30px!important}.jej-portal-navbar .nav-actions{gap:5px!important}}