/* Solis public chrome — layout mirrored from smmsun landing (ld-header)
   Brand colors: Solis orange. Structure: brand | center nav | CTA + burger. */
:root{
  --slp-hd-h:64px;
  --slp-tx:#1c1917;
  --slp-tx-2:#57534e;
  --slp-tx-3:#78716c;
  --slp-tx-4:#a8a29e;
  --slp-bd:#fed7aa;
  --slp-bd-strong:#fdba74;
  --slp-bg:#fff;
  --slp-bg-soft:#fff7ed;
  --slp-pri:#ea580c;
  --slp-pri-2:#f97316;
  --slp-grad:linear-gradient(135deg,#ea580c 0%,#f97316 50%,#fb923c 100%);
  --slp-r:10px;
  --slp-trans:.18s cubic-bezier(.4,0,.2,1);
  --slp-container:1200px;
  --slp-font:Inter,system-ui,-apple-system,sans-serif;
}

/* Container */
.slp-container{max-width:var(--slp-container);margin:0 auto;padding:0 16px}
@media(min-width:1024px){.slp-container{padding:0 20px}}

/* Header — sticky + blur like smmsun */
.slp-header{
  position:sticky;top:0;z-index:100;height:var(--slp-hd-h);
  background:#fff;
  border-bottom:1px solid transparent;
  transition:border-color var(--slp-trans),box-shadow var(--slp-trans),background var(--slp-trans);
}
@supports ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){
  .slp-header{background:rgba(255,255,255,.72);backdrop-filter:saturate(165%) blur(22px);-webkit-backdrop-filter:saturate(165%) blur(22px)}
}
.slp-header.is-scrolled{border-bottom-color:var(--slp-bd);box-shadow:0 1px 0 rgba(194,65,12,.04),0 8px 24px -16px rgba(194,65,12,.12)}
.slp-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px}

/* Brand */
.slp-brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--slp-tx);text-decoration:none;font-family:var(--slp-font);flex-shrink:0;transition:opacity var(--slp-trans)}
.slp-brand:hover{opacity:.88}
.slp-brand__logo{
  width:32px;height:32px;border-radius:9px;background:var(--slp-grad);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0;
  box-shadow:0 4px 12px -4px rgba(234,88,12,.45);overflow:hidden;
}
.slp-brand__logo:has(img){background:none;box-shadow:none;border-radius:8px}
.slp-brand__logo img{width:100%;height:100%;object-fit:contain;display:block}
.slp-brand__name{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}
@media(min-width:640px){.slp-brand__name{max-width:220px}}

/* Center nav — desktop only (≥1024 like smmsun) */
.slp-nav{display:none;align-items:center;gap:2px;flex:1;justify-content:center}
@media(min-width:1024px){.slp-nav{display:flex}}
.slp-nav__link{
  position:relative;padding:8px 12px;font-size:14px;font-weight:500;letter-spacing:.003em;
  color:var(--slp-tx-2);border-radius:8px;text-decoration:none;
  transition:color .15s,background .15s;white-space:nowrap;
}
.slp-nav__link:hover{color:var(--slp-pri);background:rgba(249,115,22,.08)}
.slp-nav__link.is-active{color:var(--slp-pri);font-weight:600;background:rgba(249,115,22,.10)}

/* Actions */
.slp-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}

/* Buttons — smmsun pill style, Solis colors */
.slp-btn{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:0 16px;height:36px;font-size:13px;font-weight:600;font-family:inherit;
  border-radius:10px;border:1px solid transparent;cursor:pointer;
  transition:background var(--slp-trans),color var(--slp-trans),border-color var(--slp-trans),opacity var(--slp-trans);
  white-space:nowrap;line-height:1;text-decoration:none;letter-spacing:.003em;
}
.slp-btn--sm{height:36px;padding:0 14px;font-size:13px}
.slp-btn--block{width:100%;height:44px;font-size:14px}
.slp-btn--ghost{background:transparent;color:var(--slp-pri);border-color:var(--slp-bd-strong)}
.slp-btn--ghost:hover{background:var(--slp-bg-soft)}
.slp-btn--outline{background:#fff;color:var(--slp-tx);border-color:var(--slp-bd)}
.slp-btn--outline:hover{background:var(--slp-bg-soft);border-color:var(--slp-bd-strong);color:var(--slp-pri)}
.slp-btn--accent{background:var(--slp-grad);color:#fff;border:0;box-shadow:0 6px 16px -6px rgba(234,88,12,.45)}
.slp-btn--accent:hover{filter:brightness(1.05)}
.slp-btn:active{transform:scale(.985)}

/* Burger — mobile only */
.slp-burger{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border:1px solid var(--slp-bd);background:#fff;
  border-radius:10px;color:var(--slp-tx-2);cursor:pointer;
  transition:background var(--slp-trans),border-color var(--slp-trans);padding:0;
}
.slp-burger:hover{background:var(--slp-bg-soft);border-color:var(--slp-bd-strong);color:var(--slp-pri)}
.slp-burger-fb{font-size:20px;line-height:1;font-weight:400}
@media(min-width:1024px){.slp-burger{display:none}}

/* Right drawer (smmsun style) */
.slp-drawer{
  position:fixed;inset:0;z-index:200;
  background:rgba(28,25,23,.48);
  opacity:0;pointer-events:none;visibility:hidden;
  transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s;
}
.slp-drawer.is-open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility 0s}
.slp-drawer__panel{
  position:absolute;top:0;right:0;bottom:0;width:min(88vw,340px);
  background:#fff;
  transform:translate3d(100%,0,0);will-change:transform;
  transition:transform .3s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;
  box-shadow:-16px 0 48px rgba(194,65,12,.16);
}
.slp-drawer.is-open .slp-drawer__panel{transform:translate3d(0,0,0)}
.slp-drawer__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;height:64px;border-bottom:1px solid var(--slp-bd);flex-shrink:0;
}
.slp-drawer__close{
  width:36px;height:36px;border:1px solid var(--slp-bd);background:#fff;border-radius:8px;
  color:var(--slp-tx-2);display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background var(--slp-trans),border-color var(--slp-trans);padding:0;font-size:18px;line-height:1;
}
.slp-drawer__close:hover{background:var(--slp-bg-soft);border-color:var(--slp-bd-strong);color:var(--slp-tx)}
.slp-drawer__nav{flex:1;padding:16px 14px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}
.slp-drawer__link{
  position:relative;display:flex;align-items:center;gap:12px;
  padding:9px 12px 9px 14px;border-radius:8px;font-size:14px;font-weight:500;
  color:var(--slp-tx-2);text-decoration:none;min-height:38px;
  transition:background var(--slp-trans),color var(--slp-trans);
}
.slp-drawer__link > i:first-child{width:16px;text-align:center;font-size:13px;color:var(--slp-tx-3);transition:color var(--slp-trans)}
.slp-drawer__chev{margin-left:auto;font-size:10px;color:var(--slp-tx-4);transition:transform var(--slp-trans),color var(--slp-trans)}
.slp-drawer__link:hover{background:rgba(249,115,22,.08);color:var(--slp-tx)}
.slp-drawer__link:hover > i:first-child,.slp-drawer__link:hover > .slp-drawer__chev{color:var(--slp-pri)}
.slp-drawer__link:hover > .slp-drawer__chev{transform:translateX(2px)}
.slp-drawer__link.is-active{background:rgba(249,115,22,.12);color:var(--slp-pri);font-weight:600}
.slp-drawer__link.is-active > i:first-child,.slp-drawer__link.is-active > .slp-drawer__chev{color:var(--slp-pri)}
.slp-drawer__foot{
  padding:16px 20px max(16px,env(safe-area-inset-bottom,16px));
  border-top:1px solid var(--slp-bd);
  display:flex;flex-direction:column;gap:8px;flex-shrink:0;
  background:linear-gradient(180deg,rgba(249,115,22,.03) 0%,rgba(249,115,22,0) 100%);
}

/* md+ show ghost Sign in (smmsun data-show-md) */
@media(min-width:768px){[data-show-md]{display:inline-flex !important}}

/* When page uses fixed body padding (login split) */
body.slp-has-header{padding-top:0} /* sticky doesn't need padding */
/* Non-sticky fallback pages that need offset */
body.slp-fixed-pad{padding-top:var(--slp-hd-h)}
.slp-header.is-fixed{position:fixed;left:0;right:0;top:0}