/* Warext Default visual system — public shell + home (v1.1.10).
   Deliberately isolated from installed custom and compatibility themes. */

:root[data-theme="default"]{
  --shell-visual-radius:18px;
  --shell-visual-stroke:color-mix(in srgb,var(--w-color-accent) 18%,var(--w-color-border));
}
:root[data-theme="default"] .site-header-v2{
  border-bottom:1px solid color-mix(in srgb,var(--w-color-border) 74%,transparent);
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
:root[data-theme="default"] .site-header-v2.is-scrolled{
  background:color-mix(in srgb,var(--w-color-bg) 96%,transparent);
  border-bottom-color:var(--shell-visual-stroke);
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
:root[data-theme="default"] .header-shell{gap:clamp(.7rem,1.6vw,1.5rem)}
:root[data-theme="default"] .site-brand{gap:.7rem;min-width:0}
:root[data-theme="default"] .site-brand .brand-mark{
  border:1px solid var(--shell-visual-stroke);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--w-color-accent) 5%,transparent);
}
:root[data-theme="default"] .site-brand__text{letter-spacing:.015em;font-weight:950}
:root[data-theme="default"] .header-primary-nav{gap:.16rem}
:root[data-theme="default"] .header-primary-nav .header-nav-link{
  position:relative;border:1px solid transparent;border-radius:11px;
  transition:color .16s ease,background-color .16s ease,border-color .16s ease;
}
:root[data-theme="default"] .header-primary-nav .header-nav-link:hover{
  border-color:var(--shell-visual-stroke);
  background:color-mix(in srgb,var(--w-color-accent) 6%,var(--w-color-surface));
}
:root[data-theme="default"] .header-primary-nav .header-nav-link.is-active,
:root[data-theme="default"] .header-primary-nav .header-nav-link[aria-current="page"]{
  border-color:var(--shell-visual-stroke);
  background:color-mix(in srgb,var(--w-color-accent) 12%,var(--w-color-surface));
  box-shadow:inset 0 -2px var(--w-color-accent);
}
:root[data-theme="default"] .header-icon-action,
:root[data-theme="default"] .header-user-trigger{
  border-radius:11px;
}
:root[data-theme="default"] .header-icon-action:focus-visible,
:root[data-theme="default"] .header-user-trigger:focus-visible,
:root[data-theme="default"] .header-nav-link:focus-visible,
:root[data-theme="default"] .header-more-panel a:focus-visible,
:root[data-theme="default"] .mobile-nav-group a:focus-visible{
  outline:2px solid var(--w-color-accent);outline-offset:2px;
}
:root[data-theme="default"] .header-popover-panel{
  border-color:var(--shell-visual-stroke);
  box-shadow:0 24px 55px rgba(0,0,0,.22);
}
:root[data-theme="default"] .header-mobile-drawer{
  background:var(--w-color-bg);
  border-left:1px solid var(--shell-visual-stroke);
  box-shadow:-20px 0 48px rgba(0,0,0,.30);
}
:root[data-theme="default"] .mobile-nav-groups{gap:1.2rem}
:root[data-theme="default"] .mobile-nav-group h3{margin-bottom:.45rem;letter-spacing:.09em}
:root[data-theme="default"] .mobile-nav-group a.is-active{
  border-radius:11px;
  background:color-mix(in srgb,var(--w-color-accent) 12%,var(--w-color-surface));
}
:root[data-theme="default"] .mobile-network-card{border-radius:14px}
:root[data-theme="default"] .home-stage:nth-child(even){background:transparent}
:root[data-theme="default"] .home-stage--hero{
  position:relative;isolation:isolate;
}
:root[data-theme="default"] .home-hero{
  min-height:min(var(--home-hero-min,520px),650px);
  border-bottom:1px solid var(--shell-visual-stroke);
}
:root[data-theme="default"] .home-hero::before{
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--w-color-bg) 96%,transparent) 0%,color-mix(in srgb,var(--w-color-bg) 72%,transparent) 55%,color-mix(in srgb,var(--w-color-bg) 30%,transparent) 100%),
    linear-gradient(0deg,var(--w-color-bg),transparent 36%);
}
:root[data-theme="default"] .home-hero__grid{
  gap:clamp(1.1rem,4vw,4rem);
  padding-block:clamp(3rem,5.5vw,5.4rem);
}
:root[data-theme="default"] .home-hero__copy{
  gap:clamp(.85rem,1.6vw,1.4rem);
}
:root[data-theme="default"] .home-hero__copy .eyebrow{
  display:inline-flex;align-items:center;gap:.65rem;
  max-width:fit-content;
  padding:.38rem .65rem;
  border:1px solid var(--shell-visual-stroke);
  border-radius:999px;
  background:color-mix(in srgb,var(--w-color-bg) 68%,transparent);
  backdrop-filter:blur(8px);
}
:root[data-theme="default"] .home-hero__copy h1{
  margin:0;
  max-width:18ch;
  line-height:1.03;
  letter-spacing:-.035em;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
:root[data-theme="default"] .home-hero__copy p{
  max-width:58ch;margin:0;line-height:1.68;
  font-size:clamp(.98rem,1.45vw,1.14rem);
}
:root[data-theme="default"] .home-hero__copy .ui-cluster{gap:.75rem}
:root[data-theme="default"] .home-hero__copy .ui-button{
  min-height:46px;
  border-radius:12px;
}
:root[data-theme="default"] .home-hero__aside{
  min-width:0;
  border:1px solid var(--shell-visual-stroke);
  padding:clamp(.75rem,1.8vw,1.4rem);
  border-radius:18px;
  background:color-mix(in srgb,var(--w-color-surface) 84%,transparent);
  backdrop-filter:blur(10px);
}
:root[data-theme="default"] .home-hero--minimal .home-hero__aside,
:root[data-theme="default"] .home-hero--centered .home-hero__aside{max-width:480px}
:root[data-theme="default"] .home-entry{
  position:relative;
  padding:clamp(.9rem,1.7vw,1.5rem) 0 clamp(1rem,2.5vw,2rem);
  background:var(--w-color-bg);
  border-bottom:1px solid color-mix(in srgb,var(--w-color-border) 60%,transparent);
}
:root[data-theme="default"] .home-entry__label{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:.45rem .7rem;
  margin-bottom:.85rem;
  color:var(--w-color-text-muted);font-size:.72rem;
}
:root[data-theme="default"] .home-entry__label strong{
  font-size:.7rem;letter-spacing:.11em;color:var(--w-color-text);
}
:root[data-theme="default"] .home-entry__line{
  align-self:center;width:22px;height:2px;background:var(--w-color-accent);flex:none;
}
:root[data-theme="default"] .home-entry__grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;
}
:root[data-theme="default"] .home-entry__item{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;
  gap:.65rem;align-items:center;
  padding:.75rem;
  min-width:0;min-height:99px;
  border:1px solid var(--w-color-border);
  border-radius:14px;background:var(--w-color-surface);
  text-decoration:none;
  transition:border-color .17s ease,background-color .17s ease;
}
:root[data-theme="default"] .home-entry__icon{
  display:grid;place-items:center;
  width:44px;height:44px;border:1px solid var(--shell-visual-stroke);
  border-radius:11px;color:var(--w-color-accent);
  background:color-mix(in srgb,var(--w-color-accent) 9%,var(--w-color-surface-alt));
}
:root[data-theme="default"] .home-entry__icon .ui-icon{width:21px;height:21px}
:root[data-theme="default"] .home-entry__copy{display:grid;gap:.18rem;min-width:0}
:root[data-theme="default"] .home-entry__copy small{
  font-size:.65rem;font-weight:850;letter-spacing:.07em;color:var(--w-color-accent);
}
:root[data-theme="default"] .home-entry__copy strong{
  color:var(--w-color-text);font-size:.88rem;line-height:1.28;overflow-wrap:anywhere;
}
:root[data-theme="default"] .home-entry__copy>span{
  color:var(--w-color-text-muted);font-size:.72rem;line-height:1.3;overflow-wrap:anywhere;
}
:root[data-theme="default"] .home-entry__arrow{
  align-self:start;color:var(--w-color-text-muted);opacity:.78;
}
:root[data-theme="default"] .home-entry__arrow .ui-icon{width:15px;height:15px}
:root[data-theme="default"] .home-entry__item:hover,
:root[data-theme="default"] .home-entry__item:focus-visible{
  border-color:var(--w-color-accent);
  background:color-mix(in srgb,var(--w-color-accent) 7%,var(--w-color-surface));
  text-decoration:none;
}
:root[data-theme="default"] .home-entry__item:focus-visible{
  outline:2px solid var(--w-color-accent);outline-offset:3px;
}

/* Different visual identities for news, catalog, forum, and network modules. */
:root[data-theme="default"] .home-stage--featured-news{
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--w-color-surface) 26%,transparent));
}
:root[data-theme="default"] .home-news-grid{gap:clamp(.75rem,1.5vw,1.2rem)}
:root[data-theme="default"] .home-news-card{
  border-radius:var(--shell-visual-radius);
  box-shadow:none;
}
:root[data-theme="default"] .home-news-card--lead{
  border-color:var(--shell-visual-stroke);
  box-shadow:0 10px 38px rgba(0,0,0,.14);
}
:root[data-theme="default"] .home-news-card__meta{flex-wrap:wrap}
:root[data-theme="default"] .home-news-card h3{text-wrap:balance;line-height:1.22}
:root[data-theme="default"] .home-product-card{
  border-color:var(--w-color-border);
  box-shadow:none;
}
:root[data-theme="default"] .home-product-card__footer{
  padding-top:.75rem;
  border-top:1px solid var(--w-color-border);
}
:root[data-theme="default"] .home-forum-row:hover,
:root[data-theme="default"] .home-forum-row:focus-visible{
  background:color-mix(in srgb,var(--w-color-accent) 7%,var(--w-color-surface));
}
:root[data-theme="default"] .home-forum-row:focus-visible{
  outline:2px solid var(--w-color-accent);outline-offset:-3px;
}
:root[data-theme="default"] .home-section-heading__copy h2{
  max-width:26ch;line-height:1.17;text-wrap:balance;
}
:root[data-theme="default"] .home-section-heading__action{min-height:44px}
:root[data-theme="default"] .home-section-heading__action:focus-visible{
  outline:2px solid var(--w-color-accent);outline-offset:3px;
}

:root[data-theme="default"] .site-footer-v3{
  position:relative;
  border-top:1px solid var(--shell-visual-stroke);
  background:
    radial-gradient(ellipse at 10% 0%,color-mix(in srgb,var(--w-color-accent) 8%,transparent),transparent 45%),
    color-mix(in srgb,var(--w-color-bg) 92%,#02050a);
}
:root[data-theme="default"] .site-footer-v3__grid{
  gap:clamp(1.4rem,3vw,2.8rem);
}
:root[data-theme="default"] .site-footer-v3__brand{max-width:410px}
:root[data-theme="default"] .site-footer-v3__logo{min-width:0;gap:.75rem}
:root[data-theme="default"] .site-footer-v3__logo .brand-mark{
  width:50px;height:50px;border-radius:12px;
  border:1px solid var(--shell-visual-stroke);
}
:root[data-theme="default"] .site-footer-v3__logo>span:last-child{
  min-width:0;display:grid;gap:.3rem;
}
:root[data-theme="default"] .site-footer-v3__logo strong{font-size:1.15rem;overflow-wrap:anywhere}
:root[data-theme="default"] .site-footer-v3__logo small{color:var(--w-color-text-muted);font-size:.76rem}
:root[data-theme="default"] .site-footer-v3__server{
  padding:1rem;border-radius:14px;
  background:var(--w-color-surface);
}
:root[data-theme="default"] .site-footer-v3__column h2{color:var(--w-color-text)}
:root[data-theme="default"] .site-footer-v3__column a{
  display:inline-flex;align-items:center;min-height:35px;
  color:var(--w-color-text-muted);
}
:root[data-theme="default"] .site-footer-v3__column a:hover{
  color:var(--w-color-accent);text-decoration:none;
}
:root[data-theme="default"] .site-footer-v3__column a:focus-visible,
:root[data-theme="default"] .site-footer-v3__community:focus-visible{
  outline:2px solid var(--w-color-accent);outline-offset:3px;
}
:root[data-theme="default"] .site-footer-v3__bottom{
  flex-wrap:wrap;gap:.7rem 1rem;
}
@media(max-width:1180px){
  :root[data-theme="default"] .home-entry__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  :root[data-theme="default"] .home-hero__grid{grid-template-columns:minmax(0,1fr)}
  :root[data-theme="default"] .home-hero__aside{max-width:520px}
  :root[data-theme="default"] .header-shell{gap:.6rem}
}
@media(max-width:680px){
  :root[data-theme="default"] .home-hero{min-height:0}
  :root[data-theme="default"] .home-hero__grid{padding-block:clamp(2.6rem,8vw,3.7rem);gap:1rem}
  :root[data-theme="default"] .home-hero__copy{gap:.8rem}
  :root[data-theme="default"] .home-hero__copy h1{max-width:17ch;line-height:1.08}
  :root[data-theme="default"] .home-hero__copy .ui-cluster{gap:.55rem}
  :root[data-theme="default"] .home-entry{padding-block:1rem 1.4rem}
  :root[data-theme="default"] .home-entry__grid{gap:.55rem}
  :root[data-theme="default"] .home-entry__item{
    grid-template-columns:36px minmax(0,1fr);
    min-height:86px;padding:.62rem;gap:.55rem;
  }
  :root[data-theme="default"] .home-entry__icon{width:36px;height:36px}
  :root[data-theme="default"] .home-entry__copy strong{font-size:.82rem}
  :root[data-theme="default"] .home-entry__copy>span{display:none}
  :root[data-theme="default"] .home-entry__arrow{display:none}
}
@media(max-width:360px){
  :root[data-theme="default"] .home-entry__grid{grid-template-columns:1fr}
  :root[data-theme="default"] .home-entry__item{min-height:63px}
  :root[data-theme="default"] .home-entry__copy>span{display:block}
  :root[data-theme="default"] .home-hero__copy .ui-cluster{flex-direction:column;align-items:stretch}
  :root[data-theme="default"] .home-hero__copy .ui-cluster .ui-button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  :root[data-theme="default"] :is(.site-header-v2,.header-primary-nav .header-nav-link,.home-entry__item,.home-news-card__media img){
    transition:none!important;transform:none!important;
  }
}

/* Hero without configured server card must not reserve a blank second column. */
:root[data-theme="default"] .home-hero--no-server .home-hero__grid{grid-template-columns:minmax(0,1fr)}
:root[data-theme="default"] .home-hero--no-server .home-hero__copy{max-width:850px}
:root[data-theme="default"] .site-footer-v3__brand-image{
  display:block;flex:none;width:56px;height:48px;object-fit:contain;
  border-radius:9px;
}
@media(max-width:768px){
  :root[data-theme="default"] .home-hero[data-overlay="none"]::before{
    background:linear-gradient(90deg,color-mix(in srgb,var(--w-color-bg) 68%,transparent),transparent);
  }
}

/* Dense desktop homepage: the new route rail replaces surplus vertical padding,
   instead of increasing the height of every full-page capture. */
@media(min-width:981px){
  :root[data-theme="default"] .home-hero{min-height:min(var(--home-hero-min,520px),480px)}
  :root[data-theme="default"] .home-hero__grid{padding-block:clamp(2rem,3vw,3rem)}
  :root[data-theme="default"] .homepage-v3 .home-stage:not(.home-stage--hero) .home-section{
    padding-block:clamp(1.3rem,1.85vw,1.9rem);
  }
  :root[data-theme="default"] .home-entry{padding-block:.55rem .9rem}
  :root[data-theme="default"] .home-entry__item{min-height:83px}
}

/* Both header and footer respect the effective color mode; the theme key
   remains "default" in dark mode, so selectors must not rely on theme="dark". */
:root[data-theme="default"] .site-footer-v3__brand-logos{
  display:inline-flex;align-items:center;justify-content:center;
  width:56px;height:48px;flex:none;
}
:root[data-theme="default"] .site-footer-v3__brand-logos>.site-footer-v3__brand-image{display:none}
:root[data-theme="default"] .site-footer-v3__brand-logos>.site-footer-v3__brand-image:only-child{display:block}
:root[data-theme="default"][data-theme-mode="light"] .site-footer-v3__brand-image--light,
:root[data-theme="default"][data-theme-mode="dark"] .site-footer-v3__brand-image--dark{
  display:block;
}
:root[data-theme="default"][data-theme-mode="light"] .site-footer-v3__brand-image--dark:not(:only-child),
:root[data-theme="default"][data-theme-mode="dark"] .site-footer-v3__brand-image--light:not(:only-child){
  display:none;
}
:root[data-theme="default"][data-theme-mode="dark"] .site-brand[data-logo-variant="auto"] .brand-logo--dark,
:root[data-theme="default"][data-theme-mode="light"] .site-brand[data-logo-variant="auto"] .brand-logo--light{
  display:block;
}
:root[data-theme="default"][data-theme-mode="dark"] .site-brand[data-logo-variant="auto"] .brand-logo--light:not(:only-child),
:root[data-theme="default"][data-theme-mode="light"] .site-brand[data-logo-variant="auto"] .brand-logo--dark:not(:only-child){
  display:none;
}
@media (prefers-color-scheme:dark) {
  :root[data-theme="default"][data-theme-mode="system"] .site-brand[data-logo-variant="auto"] .brand-logo--dark,
  :root[data-theme="default"][data-theme-mode="system"] .site-footer-v3__brand-image--dark{
    display:block;
  }
  :root[data-theme="default"][data-theme-mode="system"] .site-brand[data-logo-variant="auto"] .brand-logo--light:not(:only-child),
  :root[data-theme="default"][data-theme-mode="system"] .site-footer-v3__brand-image--light:not(:only-child){
    display:none;
  }
}
@media (prefers-color-scheme:light) {
  :root[data-theme="default"][data-theme-mode="system"] .site-brand[data-logo-variant="auto"] .brand-logo--light,
  :root[data-theme="default"][data-theme-mode="system"] .site-footer-v3__brand-image--light{
    display:block;
  }
  :root[data-theme="default"][data-theme-mode="system"] .site-brand[data-logo-variant="auto"] .brand-logo--dark:not(:only-child),
  :root[data-theme="default"][data-theme-mode="system"] .site-footer-v3__brand-image--dark:not(:only-child){
    display:none;
  }
}

/* Dynamic footer column count: don't reserve a ghost navigation column
   when a merchant turns off optional footer groups. */
:root[data-theme="default"] .site-footer-v3__grid--1{
  grid-template-columns:minmax(0,1fr);
}
:root[data-theme="default"] .site-footer-v3__grid--1 .site-footer-v3__brand{
  max-width:700px;
  grid-column:1/-1;
}