/* ============================================================
   NJ SHARED HEADER — dark forest header matching the homepage
   Loaded after main.css on every inner page; overrides its
   light header styles so all pages share one look.
   ============================================================ */
:root{
  --nj-forest:#12291A; --nj-forest-deep:#0C1F12;
  --nj-cream:#F5F2E7; --nj-lime:#A9CE5B; --nj-lime-deep:#8FB944;
}

/* Announcement bar → cream ticker */
.announcement-bar{background:var(--nj-cream) !important;color:var(--nj-forest) !important;border-bottom:1px solid rgba(18,41,26,.14)}
.announcement-bar .announcement-track span{color:var(--nj-forest) !important}

/* Header shell */
.header{background:var(--nj-forest) !important;box-shadow:none !important;border-bottom:none !important}
.header.scrolled{box-shadow:0 10px 30px rgba(12,31,18,.35) !important;background:var(--nj-forest) !important}

/* Brand */
.header .logo-text{color:var(--nj-cream) !important;font-weight:600}
.header .logo-text span{color:var(--nj-lime) !important}
.header .logo img{background:#fff;border-radius:50%;padding:2px}

/* Nav links */
.header .nav-links a{color:rgba(245,242,231,.85) !important;font-weight:500}
.header .nav-links a:hover{color:#fff !important}
.header .nav-links a.active{color:var(--nj-lime) !important}
.header .nav-links a::after{background:var(--nj-lime) !important}

/* Language toggle */
.header .lang-toggle{background:transparent !important;border:1.5px solid rgba(245,242,231,.32) !important;color:var(--nj-cream) !important}
.header .lang-toggle svg{fill:currentColor !important}
.header .lang-toggle:hover{border-color:var(--nj-lime) !important;color:var(--nj-lime) !important}

/* Cart button */
.header .cart-btn{background:transparent !important;border:1.5px solid rgba(245,242,231,.32) !important;color:var(--nj-cream) !important;border-radius:11px}
.header .cart-btn:hover{border-color:var(--nj-lime) !important;color:var(--nj-lime) !important}
.header .cart-btn svg{fill:currentColor !important}
.header .cart-badge{background:var(--nj-lime) !important;color:var(--nj-forest-deep) !important}

/* Login button (beats its inline styles) */
.header .login-btn{background:transparent !important;border:1.5px solid rgba(245,242,231,.32) !important;color:var(--nj-cream) !important;border-radius:11px !important}
.header .login-btn:hover{border-color:var(--nj-lime) !important;color:var(--nj-lime) !important;transform:none !important}
.header .login-btn svg{fill:currentColor !important}

/* Injected Order Now button */
.header .nj-order-btn{display:inline-flex;align-items:center;gap:8px;background:var(--nj-lime);color:var(--nj-forest-deep);font-weight:600;font-size:.95rem;padding:11px 24px;border-radius:12px;white-space:nowrap;transition:.25s;text-decoration:none}
.header .nj-order-btn:hover{background:var(--nj-lime-deep);transform:translateY(-2px);box-shadow:0 12px 26px rgba(169,206,91,.32)}
.header .nj-order-btn .arr{transition:transform .3s}
.header .nj-order-btn:hover .arr{transform:translateX(4px)}

/* Hamburger */
.header .mobile-menu-btn span{background:var(--nj-cream) !important}
.header .mobile-menu-btn{color:var(--nj-cream) !important}

@media(max-width:980px){
  .header .nj-order-btn{display:none}
}