/* SMMPIX guest/public pages: header always follows Admin > Theme Primary */
.site-header{background:var(--p)!important;color:#fff!important;border-bottom-color:color-mix(in srgb,var(--p) 78%,#000)!important}
.site-header .site-nav a,.site-header .site-brand,.site-header .site-name{color:#fff!important}
.site-header .site-nav a:hover{color:#fff!important;background:rgba(255,255,255,.14)!important}
.site-header .site-cta{background:#fff!important;color:var(--p)!important}
.site-header .site-mark{background:#fff!important;color:var(--p)!important}
.site-header .site-menu-btn,.site-header .site-currency,.site-header .theme-toggle{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}
.site-header .site-drawer{background:var(--p)!important;border-top-color:rgba(255,255,255,.2)!important}
.site-header .site-drawer a{color:#fff!important}
.site-header .site-drawer a:hover{background:rgba(255,255,255,.14)!important}

/* FIX96: final public header contract */
html[data-theme="dark"] .site-header,html[data-theme="light"] .site-header{background:var(--p)!important;color:#fff!important}
html[data-theme="dark"] .site-header .site-cta,html[data-theme="light"] .site-header .site-cta{background:#fff!important;color:var(--p)!important;display:inline-flex!important;align-items:center;justify-content:center}
html[data-theme="dark"] .site-header .theme-toggle,html[data-theme="light"] .site-header .theme-toggle{background:rgba(255,255,255,.12)!important;color:#fff!important}


/* ================================================================
   SMMPIX FIX110 — PROFESSIONAL PUBLIC HEADER
   Visual-only polish. Existing routes, links and JS behavior remain intact.
   ================================================================ */
.site-header{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--p) 96%,#000) 0%,
      var(--p) 52%,
      color-mix(in srgb,var(--p) 84%,#fff) 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 10px 30px color-mix(in srgb,var(--p) 24%,transparent)!important;
  backdrop-filter:saturate(145%) blur(14px);
  -webkit-backdrop-filter:saturate(145%) blur(14px);
}
.site-header-inner{
  max-width:1180px!important;
  min-height:68px!important;
  padding:0 18px!important;
  gap:18px!important;
}
.site-brand{
  gap:11px!important;
  flex:0 0 auto;
  transition:opacity .18s ease,transform .18s ease;
}
.site-brand:hover{opacity:.96;transform:translateY(-1px)}
.site-brand img{
  height:36px!important;
  max-width:170px!important;
}
.site-mark{
  width:36px!important;height:36px!important;border-radius:11px!important;
  box-shadow:0 6px 18px rgba(0,0,0,.14);
}
.site-name{
  font-size:16px!important;
  letter-spacing:-.015em;
}
.site-nav{
  gap:3px!important;
}
.site-nav a{
  position:relative;
  padding:9px 12px!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:.005em;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.site-nav a:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.13)!important;
}
.site-nav a[aria-current="page"]{
  box-shadow:inset 0 -2px 0 rgba(255,255,255,.85);
}
.site-header .site-cta{
  min-height:40px;
  padding:0 16px!important;
  border-radius:11px!important;
  font-weight:800!important;
  letter-spacing:.005em;
  box-shadow:0 7px 20px rgba(0,0,0,.16)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.site-header .site-cta:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 11px 28px rgba(0,0,0,.22)!important;
}
.site-actions{gap:7px!important}
.site-header .theme-toggle,
.site-header .site-menu-btn,
.site-header .site-currency{
  height:40px!important;
  min-height:40px;
  border-radius:11px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.site-header .theme-toggle:hover,
.site-header .site-menu-btn:hover{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.38)!important;
  transform:translateY(-1px);
}
.site-header .site-currency{
  min-width:82px!important;
  padding:0 10px!important;
  font-weight:750!important;
}
.site-header .site-drawer{
  max-width:1180px;
  margin:0 auto;
  padding:10px 18px 16px!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 18px 35px rgba(0,0,0,.16);
}
.site-header .site-drawer a{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:0 12px!important;
  border-radius:10px!important;
  transition:background .18s ease,transform .18s ease!important;
}
.site-header .site-drawer a:hover{transform:translateX(2px)}
@media(max-width:899px){
  .site-header-inner{min-height:62px!important;padding:0 14px!important}
  .site-brand img{height:32px!important;max-width:150px!important}
  .site-name{font-size:15px!important}
}
@media(max-width:480px){
  .site-header-inner{padding:0 12px!important}
  .site-brand{max-width:calc(100vw - 112px)}
  .site-brand img{max-width:132px!important}
  .site-header .theme-toggle,.site-header .site-menu-btn{width:40px!important}
  .site-header .site-drawer{padding-left:12px!important;padding-right:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .site-brand,.site-nav a,.site-cta,.theme-toggle,.site-menu-btn{transition:none!important;transform:none!important}
}

.site-header .site-nav .site-register-link{order:0}
.site-header .site-nav .site-login-link{
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.08)!important;
}
.site-header .site-nav .site-login-link:hover{
  background:rgba(255,255,255,.16)!important;
}
.site-header .site-drawer .site-cta{margin-bottom:3px}