/* Warhood Theme 2.6.0 — Premium UI Edition
 * Effects are attached only to real interface elements, never to the hero artwork.
 */

:root{
  --wh-premium-red:#f01818;
  --wh-premium-red-soft:rgba(240,24,24,.32);
  --wh-premium-border:rgba(255,255,255,.10);
  --wh-premium-surface:rgba(14,15,18,.78);
  --wh-premium-ease:cubic-bezier(.22,.61,.36,1);
}

/* Hard-disable all legacy overlays that attempted to target artwork details. */
.wh-hero-glow,.wh-embers,.wh-print-spark,
.wh-dragon-eye,.wh-dragon-throat,.wh-dragon-smoke,
.wh-hero-art::after{display:none!important;animation:none!important}
.wh-dragon-stage{overflow:visible!important}
.wh-dragon-stage>img{filter:none!important}

/* Keep the desktop navigation on the right and vertically centered. */
.header-inner{display:flex;align-items:center}
.brand{flex:0 0 auto}
.primary-nav{margin-left:auto;display:flex;align-items:center;justify-content:flex-end}
.primary-nav .menu{display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,2vw,34px)}
.header-tools{flex:0 0 auto;display:flex;align-items:center}

/* Animated menu underline that uses layout-owned elements. */
.primary-nav a{position:relative;transition:color .25s ease,text-shadow .25s ease}
.primary-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-11px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--wh-premium-red),transparent);box-shadow:0 0 12px rgba(240,24,24,.65);transition:left .3s var(--wh-premium-ease),right .3s var(--wh-premium-ease),opacity .3s ease;opacity:0}
.primary-nav a:hover,.primary-nav a:focus-visible,.primary-nav .current-menu-item>a,.primary-nav .current_page_item>a{color:#fff;text-shadow:0 0 14px rgba(240,24,24,.4)}
.primary-nav a:hover::after,.primary-nav a:focus-visible::after,.primary-nav .current-menu-item>a::after,.primary-nav .current_page_item>a::after{left:0;right:0;opacity:1}
.primary-nav .sub-menu{transform:translateY(10px);opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s var(--wh-premium-ease),visibility .22s ease}
.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{transform:translateY(0);opacity:1;visibility:visible}

/* Premium light sweep for buttons. */
.wh-button,.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  position:relative;isolation:isolate;overflow:hidden;
  transition:transform .24s var(--wh-premium-ease),box-shadow .24s ease,border-color .24s ease,background-color .24s ease!important;
}
.wh-button::before,.button::before,.wp-element-button::before,.woocommerce a.button::before,.woocommerce button.button::before,.woocommerce input.button::before{
  content:"";position:absolute;z-index:-1;top:-45%;bottom:-45%;left:-38%;width:24%;transform:skewX(-22deg) translateX(-210%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,255,255,.72),rgba(255,255,255,.08),transparent);
  filter:blur(.3px);opacity:0;pointer-events:none
}
.warhood-motion .wh-button-primary::before,.warhood-motion .woocommerce a.button.alt::before,.warhood-motion .woocommerce button.button.alt::before{animation:whPremiumSweep 5.8s ease-in-out infinite}
.wh-button:hover,.button:hover,.wp-element-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(0,0,0,.32),0 0 24px var(--wh-premium-red-soft)!important}
.wh-button:active,.button:active,.wp-element-button:active{transform:translateY(-1px)}
@keyframes whPremiumSweep{0%,58%{transform:skewX(-22deg) translateX(-220%);opacity:0}62%{opacity:.76}74%{transform:skewX(-22deg) translateX(650%);opacity:.18}76%,100%{opacity:0}}

/* Real cards receive contained pointer highlights and hover polish. */
.wh-benefits article,.wh-stat,.wh-step,.wh-material,.wh-print,.wh-review-card,.wh-ui-card{
  position:relative;isolation:isolate;overflow:hidden;
  transition:transform .3s var(--wh-premium-ease),border-color .3s ease,box-shadow .3s ease,background-color .3s ease;
}
.wh-benefits article::before,.wh-stat::before,.wh-step::before,.wh-material::before,.wh-print::before,.wh-review-card::before,.wh-ui-card::before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;
  background:radial-gradient(320px circle at var(--wh-x,50%) var(--wh-y,50%),rgba(240,24,24,.16),transparent 46%);
  transition:opacity .25s ease;
}
.wh-benefits article:hover,.wh-stat:hover,.wh-step:hover,.wh-material:hover,.wh-print:hover,.wh-review-card:hover,.wh-ui-card:hover{
  transform:translateY(-5px);border-color:rgba(240,24,24,.38)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 0 1px rgba(240,24,24,.08),0 0 26px rgba(240,24,24,.08)
}
.wh-benefits article:hover::before,.wh-stat:hover::before,.wh-step:hover::before,.wh-material:hover::before,.wh-print:hover::before,.wh-review-card:hover::before,.wh-ui-card:hover::before{opacity:1}
.wh-benefit-icon,.wh-step-icon,.wh-stat strong{transition:transform .3s var(--wh-premium-ease),filter .3s ease,text-shadow .3s ease}
.wh-benefits article:hover .wh-benefit-icon,.wh-step:hover .wh-step-icon{transform:scale(1.08);filter:drop-shadow(0 0 10px rgba(240,24,24,.55))}
.wh-stat:hover strong{transform:translateY(-2px);text-shadow:0 0 18px rgba(240,24,24,.42)}

/* Refined product and portfolio overlays. */
.wh-product-print img,.wh-print img{transition:transform .55s var(--wh-premium-ease),filter .45s ease}
.wh-product-print:hover img,.wh-print:hover img{transform:scale(1.045);filter:contrast(1.04) saturate(1.08)}
.wh-product-print__overlay{transition:transform .32s var(--wh-premium-ease),background-color .32s ease}
.wh-product-print:hover .wh-product-print__overlay{transform:translateY(-4px);background-color:rgba(6,7,9,.88)}

/* Print Studio feels active without targeting uploaded artwork. */
.wh-print-studio input:focus,.wh-print-studio select:focus,.wh-print-studio textarea:focus,
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{
  border-color:rgba(240,24,24,.75)!important;box-shadow:0 0 0 3px rgba(240,24,24,.14),0 0 18px rgba(240,24,24,.10)!important;outline:none
}
.wh-upload-zone,.warhood-upload-zone,[class*="upload-area"]{transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--wh-premium-ease)}
.wh-upload-zone:hover,.warhood-upload-zone:hover,[class*="upload-area"]:hover{border-color:rgba(240,24,24,.62)!important;box-shadow:inset 0 0 30px rgba(240,24,24,.05),0 0 22px rgba(240,24,24,.08);transform:translateY(-2px)}

/* Better accessible focus feedback. */
:where(a,button,input,select,textarea):focus-visible{outline:2px solid #ff4545;outline-offset:4px}

/* Reveal remains subtle and predictable. */
.warhood-motion .reveal{transform:translateY(18px);opacity:0;transition:opacity .62s ease,transform .62s var(--wh-premium-ease)}
.warhood-motion .reveal.is-visible{transform:none;opacity:1}

@media(max-width:1100px){
  .primary-nav .menu{gap:16px}
  .primary-nav a{font-size:14px}
}
@media(max-width:900px){
  .primary-nav{margin-left:0}
  .primary-nav .menu{display:block}
  .primary-nav a::after{bottom:-4px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .wh-button::before,.button::before,.wp-element-button::before{display:none!important}
  .reveal{opacity:1!important;transform:none!important}
}