/* ListaWG · 07-header-configuracoes.css — blocos que antes ficavam inline no index.html, na mesma ordem.
   A ordem dos arquivos css/NN-*.css no index.html é a ordem da cascata: não reordene. */

/* ===== lw-0358-mobile-header-partners-fix ===== */
/* Alpha 0.36.23: scoped mobile header layout and partner carousel; do not change navigation state. */
@media(max-width:760px){
  #langBox.lang{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
  #langBox #btnOfflineCenter{grid-column:span 2!important;order:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:4px 8px!important;font-size:clamp(10px,2.7vw,12px)!important;white-space:nowrap!important;letter-spacing:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  #langBox #netStatus{grid-column:auto!important;order:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:48px!important;min-width:0!important;background:color-mix(in srgb,var(--panel) 80%,transparent)!important;border:1px solid var(--line)!important;border-radius:6px!important;}
  #langBox #netStatus::before{content:''!important;display:block;width:11px;height:11px;border-radius:50%;background:#69d69a;box-shadow:0 0 0 3px rgba(105,214,154,.13);}
  #langBox #netStatus[data-state="warn"]::before{background:#d9b24a;box-shadow:0 0 0 3px rgba(217,178,74,.13)}
  #langBox #netStatus[data-state="bad"]::before{background:#ef7777;box-shadow:0 0 0 3px rgba(239,119,119,.13)}
  #langBox #btnGlobalSettings{order:2!important;}
  #langBox [data-lang="pt"]{order:3!important;}
  #langBox [data-lang="en"]{order:4!important;}
  #langBox #btnThemeToggle{order:5!important;}
  #langBox .account-header-btn{order:7!important;grid-column:1/-1!important;}
  #langBox #lwUnifiedGameReturn{order:6!important;grid-column:1/-1!important;}
  #langBox #lwUnifiedGameReturn:not(.lw-visible){display:none!important;}
  #langBox #lwUnifiedGameReturn.lw-visible{display:flex!important;}
}
@media(max-width:390px){#langBox #netStatus{height:44px!important}#langBox #btnOfflineCenter{font-size:10px!important}}
/* Arrows float ABOVE the complete track; the logos are clipped only at the card boundary. */
.portal-play-partners .play-partners-carousel{display:block!important;position:relative;min-width:0;}
.portal-play-partners .play-partners-track{width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding:6px 4px 10px;}
.portal-play-partners .play-carousel-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);background:rgba(15,14,12,.50)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-color:color-mix(in srgb,var(--line) 65%,transparent)!important;}
.portal-play-partners .play-carousel-arrow.is-left{left:0}
.portal-play-partners .play-carousel-arrow.is-right{right:0}
.portal-play-partners .play-carousel-arrow:disabled{opacity:.3}
body.theme-light .portal-play-partners .play-carousel-arrow{background:rgba(250,247,239,.50)!important;}
body.theme-bordeaux .portal-play-partners .play-carousel-arrow{background:rgba(33,16,22,.50)!important;}
body.theme-green .portal-play-partners .play-carousel-arrow{background:rgba(16,22,18,.50)!important;}

/* ===== lw-03512-settings-icon-system ===== */
.global-settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:0 10px;min-width:44px}
.global-settings-btn .settings-icon-slot,.global-settings-btn .settings-icon,.settings-icon-preview .settings-icon{display:grid;place-items:center;width:100%;height:100%}
.global-settings-btn svg,.settings-icon-preview svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.settings-icon-preview svg{width:30px;height:30px}
.global-settings-btn .settings-icon-image,.settings-icon-preview .settings-icon-image{display:block;width:24px;height:24px;object-fit:contain}
.settings-icon-preview .settings-icon-image{width:30px;height:30px}
.settings-icon--gothic svg,.settings-icon--hex svg,.settings-icon--minimal svg{stroke-width:1.8}
.settings-icon--ring svg{stroke-width:1.7}
.settings-icon--sliders svg{stroke-width:2.05}
#langBox #btnGlobalSettings{font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
#langBox #btnGlobalSettings::before{content:none!important;display:none!important}
@media(max-width:760px){#langBox #btnGlobalSettings svg,#langBox #btnGlobalSettings .settings-icon-image{width:22px;height:22px}}

/* ===== lw-mobile-header-compacto ===== */
/* Celular: barra de uma linha (logo, conta e menu). O botão de menu abre o restante dos controles do cabeçalho. */
#lwHeaderMenu{display:none}
@media(max-width:760px){
  html body header.app{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding-top:calc(8px + env(safe-area-inset-top))!important;padding-bottom:8px!important}
  html body header.app>div:first-child{flex:1 1 auto!important;width:auto!important;min-width:0!important;order:0!important}
  html body header.app #logoHome{font-size:clamp(28px,8.5vw,34px)!important;line-height:1!important;margin:0!important;white-space:nowrap}
  html body header.app>.controls{order:5!important;flex:1 0 100%!important;width:100%!important}
  html body header.app #lwHeaderMenu{display:inline-flex!important;order:2!important;flex:0 0 44px;align-items:center;justify-content:center;position:relative;width:44px;height:44px;min-height:44px;padding:0;font-size:22px;line-height:1;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:6px}
  html body header.app.lw-menu-open #lwHeaderMenu{border-color:var(--accent);color:var(--accent)}
  html body header.app #lwHeaderMenu[data-offline="1"]::after{content:'';position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:#ef7777;box-shadow:0 0 0 2px var(--bg,#111)}
  html body header.app:not(.lw-menu-open) #langBox.lang{display:flex!important;order:1!important;flex:0 0 auto!important;width:auto!important;gap:6px!important;align-items:center!important}
  html body header.app:not(.lw-menu-open) #langBox>:is(#lwGlobalBugHeader,#btnOfflineCenter,#netStatus,#btnGlobalSettings,[data-lang],#btnThemeToggle){display:none!important}
  html body header.app:not(.lw-menu-open) #langBox .account-header-btn{width:auto!important;height:44px!important;min-height:44px!important;padding:0 14px!important;grid-column:auto!important}
  html body header.app:not(.lw-menu-open) #langBox:has(#lwUnifiedGameReturn.lw-visible){order:3!important;flex:1 0 100%!important;width:100%!important;flex-wrap:nowrap!important}
  html body header.app:not(.lw-menu-open) #langBox #lwUnifiedGameReturn.lw-visible{flex:1 1 0!important;width:auto!important;min-width:0!important;min-height:44px!important;margin:0!important}
  html body header.app:not(.lw-menu-open) #langBox:has(#lwUnifiedGameReturn.lw-visible) .account-header-btn{flex:0 0 auto!important;margin:0!important}
  html body header.app.lw-menu-open #langBox.lang{order:3!important;flex:1 0 100%!important;width:100%!important}
}