/* RobScript header, variant C: a floating rounded bar as wide as the site, icon-over-label menu (Playerok-like).
   Loaded after main.css and header-v2.css.
   >=1000px: wide inline search in the bar.
   861-999px: search is a "Search" item that opens the search row under the bar.
   <=860px: compact bar (logo, theme pill, search, account, menu); menu opens as tiles. */

:root{--rso-header-height:80px!important;--rso-header-search-height:0px!important}

/* the full-width header strip is invisible in both themes: only the bar is drawn */
.site-header,html:root[data-theme] .site-header,html:root[data-theme].rso-header-search-open .site-header{will-change:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:10px 0 2px!important;height:auto!important}
.site-header .header-inner{box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:14px!important;height:68px!important;min-height:68px!important;padding:0 12px 0 16px!important;background:var(--surface,#1a1a1a)!important;border:1px solid var(--line,#292929)!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important}
:root[data-theme=light] .site-header .header-inner{box-shadow:0 8px 24px rgba(18,18,18,.08)!important}
.site-header .header-actions{display:contents!important}
.site-header .brand{order:1;flex:none!important}
.site-header .theme-toggle{order:2}
.site-header .header-inline-search{order:3}
.site-header .header-search-btn{order:4}
.site-header .site-menu{order:5}
.site-header .rs-account-slot{order:6}
.site-header .menu-toggle{order:7}

/* theme switch: pill with a sliding knob, sun on the left, moon on the right */
.site-header .header-actions .theme-toggle{display:block!important;position:relative!important;flex:0 0 52px!important;width:52px!important;min-width:52px!important;height:30px!important;padding:0!important;margin:0!important;border-radius:999px!important;border:1px solid var(--line,#292929)!important;background:rgba(255,255,255,.07)!important;box-shadow:none!important;cursor:pointer}
:root[data-theme=light] .site-header .header-actions .theme-toggle{background:rgba(0,0,0,.06)!important}
.site-header .theme-toggle::before{content:"";position:absolute;top:3px;left:25px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .18s ease,background-color .18s ease}
:root[data-theme=light] .site-header .theme-toggle::before{left:3px;background:var(--accent,#ff3b7f)}
.site-header .theme-toggle .theme-icon{display:block!important;position:absolute!important;top:7px!important;width:14px!important;height:14px!important;margin:0!important;z-index:1;opacity:1!important;transform:none!important;color:var(--muted,#8f8f8f)!important;pointer-events:none}
.site-header .theme-toggle .theme-icon-sun{left:7px!important}
.site-header .theme-toggle .theme-icon-moon{left:29px!important}
:root:not([data-theme=light]) .site-header .theme-toggle .theme-icon-moon{color:#111!important}
:root[data-theme=light] .site-header .theme-toggle .theme-icon-sun{color:#fff!important}

/* wide search */
.site-header .header-inline-search{box-sizing:border-box!important;display:none!important;align-items:center!important;gap:10px!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;height:46px!important;margin:0!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:13px!important;background:rgba(0,0,0,.32)!important}
:root[data-theme=light] .site-header .header-inline-search{background:rgba(0,0,0,.045)!important}
.site-header .header-inline-search:focus-within{border-color:var(--accent-line,rgba(255,59,127,.45))!important}
.site-header .header-inline-search svg{width:18px!important;height:18px!important}
.site-header .header-inline-search input{font-size:15px!important}

/* menu items: icon over label */
.site-header .site-menu{flex:none!important;display:flex!important;position:static!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.site-header .site-menu .menu-list{display:flex!important;align-items:center!important;gap:2px!important;margin:0!important;padding:0!important}
.site-header .site-menu .menu-list > li{margin:0!important;padding:0!important}
.site-header .site-menu .menu-list > li > a,.site-header .site-menu .menu-list > li > a.pill-link,.site-header .rs-account-slot .rsw-hbtn,.site-header .header-search-btn{box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:66px!important;min-width:0!important;height:54px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:var(--muted,#c7c7c7)!important;font:inherit!important;font-size:11px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;transform:none!important}
.site-header .site-menu .menu-list > li > a:hover,.site-header .rs-account-slot .rsw-hbtn:hover,.site-header .header-search-btn:hover{background:rgba(255,255,255,.055)!important;color:var(--text,#fff)!important}
:root[data-theme=light] .site-header .site-menu .menu-list > li > a:hover,:root[data-theme=light] .site-header .rs-account-slot .rsw-hbtn:hover,:root[data-theme=light] .site-header .header-search-btn:hover{background:rgba(0,0,0,.05)!important}
.site-header .site-menu .menu-list > .current-menu-item > a:not(.pill-link){color:var(--text,#fff)!important;background:rgba(255,255,255,.06)!important}
:root[data-theme=light] .site-header .site-menu .menu-list > .current-menu-item > a:not(.pill-link){background:rgba(0,0,0,.055)!important}
.site-header .nav-ico{flex:none;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.site-header .site-menu .menu-list > li > a.pill-link{color:#ff7aa8!important}
:root[data-theme=light] .site-header .site-menu .menu-list > li > a.pill-link{color:#d81b60!important}
.site-header .site-menu .menu-list > li > a.pill-link .nav-ico{stroke:var(--accent,#ff3b7f)}
.site-header .site-menu .hub-link-label{display:inline!important;margin:0!important;padding:0!important}
.site-header .site-menu .hub-link-count{position:absolute!important;top:3px!important;left:calc(50% + 3px)!important;margin:0!important;padding:1px 4px!important;min-width:0!important;height:auto!important;border:0!important;border-radius:6px!important;background:var(--accent,#ff3b7f)!important;color:#fff!important;font-size:9px!important;font-weight:900!important;line-height:1.3!important}

/* account (filled by rs-widgets.js) */
.site-header .rs-account-slot{display:flex!important;align-items:center!important;gap:2px!important;margin:0!important;padding:0!important}
.site-header .rs-account-slot::before{content:"";flex:none;width:1px;height:32px;margin-right:8px;background:var(--line,#292929)}
.site-header .rs-account-slot .rsw-hbtn svg{width:21px!important;height:21px!important}
.site-header .rs-account-slot .rsw-hlogin{color:var(--text,#fff)!important}
.site-header .rs-account-slot .rsw-hlogin svg{color:var(--accent,#ff3b7f)!important}
.site-header .rs-account-slot .rsw-hlabel,.site-header .rs-account-slot .rsw-hsubmit span{display:inline!important}
.site-header .rs-account-slot .rsw-hsubmit{color:var(--text,#fff)!important}
.site-header .rs-account-slot .rsw-hsubmit svg{box-sizing:border-box!important;padding:3px!important;border-radius:7px!important;background:var(--accent,#ff3b7f)!important;color:#fff!important;stroke-width:3!important}
.site-header .rs-account-slot .rsw-hme::after{content:"Profile"}
.site-header .rs-account-slot .rsw-hme[aria-expanded=true]{color:var(--text,#fff)!important;background:rgba(255,255,255,.06)!important}
.site-header .rs-account-slot .rsw-hava{width:22px!important;height:22px!important;font-size:11px!important}
.site-header .rs-account-slot .rsw-hdot{box-shadow:0 0 0 2px var(--surface,#1a1a1a)!important}

/* search row (opened by the Search item) sits under the bar */
.site-header.is-search-open .header-search-wrap{margin-top:8px!important;background:transparent!important;border:0!important}

@media (min-width:1000px){
  .site-header .header-inline-search{display:flex!important}
  .site-header .header-search-btn,.site-header.is-search-open .header-search-wrap{display:none!important}
}
@media (min-width:861px) and (max-width:999px){
  .site-header .header-inner{gap:10px!important}
  .site-header .header-search-btn{display:flex!important;margin-left:auto!important}
  .site-header .header-search-btn .header-action-icon{width:21px!important;height:21px!important}
  .site-header .header-search-btn::after{content:"Search"}
  .site-header .site-menu .menu-list > li > a,.site-header .site-menu .menu-list > li > a.pill-link,.site-header .rs-account-slot .rsw-hbtn,.site-header .header-search-btn{width:60px!important}
}

@media (max-width:860px){
  :root{--rso-header-height:68px!important}
  .site-header,html:root[data-theme] .site-header,html:root[data-theme].rso-header-search-open .site-header{padding:8px 0 2px!important}
  .site-header .header-inner{width:calc(100% - 20px)!important;height:58px!important;min-height:58px!important;padding:0 8px 0 10px!important;gap:8px!important;border-radius:16px!important;justify-content:flex-start!important}
  .site-header .header-actions .theme-toggle{flex-basis:44px!important;width:44px!important;min-width:44px!important;height:26px!important;margin-right:auto!important}
  .site-header .theme-toggle::before{top:2px;left:20px;width:20px;height:20px}
  :root[data-theme=light] .site-header .theme-toggle::before{left:2px}
  .site-header .theme-toggle .theme-icon{top:6px!important;width:12px!important;height:12px!important}
  .site-header .theme-toggle .theme-icon-sun{left:6px!important}
  .site-header .theme-toggle .theme-icon-moon{left:24px!important}
  .site-header .rs-account-slot::before{display:none}
  .site-header .rs-account-slot .rsw-hbtn,.site-header .header-search-btn,.site-header .menu-toggle{box-sizing:border-box!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border:1px solid var(--line,#2a2a2a)!important;border-radius:12px!important;background:var(--surface-2,#202020)!important;gap:0!important}
  .site-header .rs-account-slot .rsw-hbtn svg,.site-header .header-search-btn .header-action-icon,.site-header .menu-toggle .header-action-icon{width:18px!important;height:18px!important;margin:0!important}
  .site-header .rs-account-slot .rsw-hsubmit{display:none!important}
  .site-header .rs-account-slot .rsw-hlabel,.site-header .rs-account-slot .rsw-hsubmit span{display:none!important}
  .site-header .rs-account-slot .rsw-hme::after{content:none}
  .menu-extra-theme{display:none!important}

  /* open menu: tiles */
  .site-header .site-menu{display:none!important;position:fixed!important;left:10px!important;right:10px!important;width:auto!important;justify-self:stretch!important;align-self:auto!important;padding:8px!important;background:var(--surface,#1a1a1a)!important;border:1px solid var(--line,#292929)!important;border-radius:16px!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important}
  .site-header .site-menu.is-open{display:block!important}
  .site-header .site-menu .menu-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .site-header .site-menu .menu-list > li > a,.site-header .site-menu .menu-list > li > a.pill-link{flex-direction:row!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;height:48px!important;padding:0 12px!important;border-radius:11px!important;background:var(--surface-2,#202020)!important;color:var(--text,#fff)!important;font-size:14px!important}
  .site-header .site-menu .menu-list > li > a.pill-link{background:rgba(255,59,127,.12)!important;color:#ff7aa8!important}
  :root[data-theme=light] .site-header .site-menu .menu-list > li > a.pill-link{color:#d81b60!important}
  .site-header .nav-ico{width:19px;height:19px}
  .site-header .site-menu .hub-link-count{position:static!important;margin-left:auto!important}
}
@media (max-width:379px){
  .site-header .header-actions .theme-toggle{display:none!important}
  .site-header .brand{margin-right:auto!important}
  .menu-extra-theme{display:flex!important}
}
@media (max-width:350px){
  .site-header .brand-text{max-width:96px!important}
  .site-header .header-inner{gap:6px!important}
}