/* ============================================================
   LA ROJA RP — WEB EXPERIENCE v1.8
   Visual redesign layer. Keeps all v1.7 PHP/WooCommerce logic.
   ============================================================ */
:root{
  --lr-bg:#070505;
  --lr-bg-2:#0c0707;
  --lr-panel:#100909;
  --lr-panel-2:#160b0b;
  --lr-red:#e11919;
  --lr-red-2:#8f0909;
  --lr-orange:#ff6a16;
  --lr-yellow:#ffc13b;
  --lr-cream:#fff3e6;
  --lr-text:#fff7ef;
  --lr-muted:#c8b7ad;
  --lr-line:rgba(255,164,43,.26);
  --lr-line-red:rgba(225,25,25,.34);
  --lr-glow:0 0 28px rgba(225,25,25,.14);
  --lr-radius:16px;
}

/* Make the four plugin surfaces feel like one website */
body:has(.lrh-wrap),
body.woocommerce-shop{
  background:
    radial-gradient(circle at 12% 2%, rgba(165,0,0,.14), transparent 25rem),
    radial-gradient(circle at 90% 10%, rgba(255,106,22,.07), transparent 28rem),
    #070505 !important;
}
.lrh-wrap,
.lrp-policy,
.lra-account,
body.woocommerce-shop main,
body.woocommerce-shop .site-main{
  color:var(--lr-text);
}

/* Fine neon frame + section rhythm */
.lrh-wrap,
.lrp-policy,
.lra-account{
  --lr-inner: min(1480px, calc(100vw - 34px));
}
.lrh-wrap section,
.lrp-policy section,
.lra-account section{
  scroll-margin-top:100px;
}
.lrh-wrap h1,.lrh-wrap h2,.lrh-wrap h3,
.lrp-policy h1,.lrp-policy h2,.lrp-policy h3,
.lra-account h1,.lra-account h2,.lra-account h3{
  letter-spacing:-.025em;
}

/* HOME HERO — cinematic roleplay look */
.lrh-hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,117,27,.48)!important;
  border-radius:24px!important;
  background:
    linear-gradient(90deg,rgba(7,2,2,.97) 0%,rgba(16,3,3,.91) 46%,rgba(66,13,3,.72) 100%),
    radial-gradient(circle at 83% 30%,rgba(255,106,22,.25),transparent 24rem)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,199,66,.04), var(--lr-glow)!important;
}
.lrh-hero:before{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent 58%,rgba(111,0,0,.16)),
    repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.012) 80px);
  opacity:.75;
}
.lrh-hero:after{
  content:"ROLEPLAY • COMUNIDAD • EXPERIENCIA";
  position:absolute;right:24px;bottom:15px;
  font-size:10px;font-weight:800;letter-spacing:.18em;
  color:rgba(255,196,67,.42);
}
.lrh-hero__content{position:relative;z-index:2}
.lrh-eyebrow,
.lrh-section-kicker,
.lrp-kicker,
.lra-kicker{
  color:var(--lr-yellow)!important;
  letter-spacing:.18em!important;
  text-transform:uppercase;
  font-weight:900!important;
}
.lrh-hero h1{
  font-size:clamp(48px,7vw,104px)!important;
  line-height:.88!important;
  text-transform:uppercase;
  text-shadow:0 12px 42px rgba(0,0,0,.55);
}
.lrh-hero h1 strong,
.lrh-hero h1 span{color:#f12a25!important}
.lrh-hero p{color:#ead8cf!important;max-width:760px}
.lrh-btn,
.lra-btn,
.lrp-btn,
body.woocommerce-shop .button{
  border-radius:10px!important;
  text-transform:uppercase;
  letter-spacing:.025em;
  font-weight:900!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.lrh-btn:hover,.lra-btn:hover,.lrp-btn:hover,
body.woocommerce-shop .button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(224,24,24,.22)!important;
}
.lrh-btn--primary,.lra-btn--primary,.lrp-btn--primary{
  background:linear-gradient(90deg,#e51e1e,#ff7418)!important;
  color:#fff!important;
  border:1px solid rgba(255,180,50,.34)!important;
}
.lrh-btn--ghost,.lra-btn--ghost,.lrp-btn--ghost{
  background:rgba(18,8,8,.72)!important;
  color:#fff!important;
  border:1px solid rgba(255,168,44,.25)!important;
}

/* Discord / account card */
.lrh-discord-card,
.lra-login-card,
.lra-profile-card{
  background:
    linear-gradient(145deg,rgba(38,12,12,.95),rgba(14,7,7,.98))!important;
  border:1px solid rgba(255,139,31,.35)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 24px 55px rgba(0,0,0,.34)!important;
}
.lrh-discord-icon,
.lra-discord-icon{
  filter:drop-shadow(0 0 18px rgba(88,101,242,.38));
}

/* Feature cards / home modules */
.lrh-features{
  gap:14px!important;
}
.lrh-feature{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#120909,#0c0707)!important;
  border:1px solid rgba(255,119,24,.26)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
.lrh-feature:before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(#ffbf34,#d71919);
  opacity:.75;
}
.lrh-feature h3{color:#ffca4b!important}
.lrh-feature p{color:#cdbcb3!important}

/* Product grids: fixed visual dimensions, like the mockup */
.lrh-products,
body.woocommerce-shop ul.products{
  gap:14px!important;
}
.lrh-product,
body.woocommerce-shop ul.products li.product{
  overflow:hidden!important;
  background:linear-gradient(180deg,#120a0a,#090606)!important;
  border:1px solid rgba(255,141,30,.30)!important;
  border-radius:13px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 32px rgba(0,0,0,.22)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.lrh-product:hover,
body.woocommerce-shop ul.products li.product:hover{
  transform:translateY(-4px);
  border-color:rgba(255,177,43,.62)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 22px rgba(216,23,23,.09)!important;
}
.lrh-product img,
body.woocommerce-shop ul.products li.product img{
  width:100%!important;
  height:230px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
  margin:0!important;
  background:#0a0707;
}
.lrh-product__body{padding:15px!important}
.lrh-product h3,
body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title{
  color:#fff!important;
  font-weight:850!important;
  text-transform:uppercase;
  font-size:15px!important;
}
.lrh-product .price,
body.woocommerce-shop ul.products li.product .price{
  color:#fff!important;
  font-weight:900!important;
}
.lrh-product .price del,
body.woocommerce-shop ul.products li.product .price del{color:#7f6e68!important}
.lrh-product .price ins,
body.woocommerce-shop ul.products li.product .price ins{color:#ffbd3e!important}

/* Coupon/promo bar — HUD style */
.lrh-promo,
.lrs-promo,
.lrh-coupon{
  border:1px solid rgba(255,165,31,.42)!important;
  background:
    linear-gradient(90deg,rgba(89,8,8,.94),rgba(30,8,8,.96) 55%,rgba(80,29,3,.92))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 35px rgba(0,0,0,.3)!important;
}
.lrh-promo code,
.lrh-coupon code{
  color:#fff!important;
  background:#160909!important;
  border:1px dashed rgba(255,190,54,.5)!important;
}

/* POLICY — command-center legal screen */
.lrp-policy{
  background:transparent!important;
}
.lrp-hero{
  background:
    radial-gradient(circle at 85% 15%,rgba(255,104,18,.13),transparent 28rem),
    linear-gradient(145deg,#150707,#080505)!important;
  border:1px solid rgba(255,126,25,.38)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.36)!important;
}
.lrp-nav{
  background:#0b0707!important;
  border:1px solid rgba(255,151,35,.22)!important;
  border-radius:14px!important;
}
.lrp-nav a{
  border-radius:9px!important;
  color:#d7c6bd!important;
}
.lrp-nav a:hover{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(175,13,13,.55),rgba(74,7,7,.5))!important;
}
.lrp-card{
  background:linear-gradient(180deg,#110909,#0b0707)!important;
  border:1px solid rgba(255,139,30,.25)!important;
  border-radius:14px!important;
}
.lrp-card h2,.lrp-card h3{color:#ffbd3e!important}
.lrp-alert{
  background:rgba(117,8,8,.20)!important;
  border:1px solid rgba(225,28,28,.38)!important;
  border-left:3px solid #e51e1e!important;
}
.lrp-note{
  background:rgba(255,161,25,.055)!important;
  border-left:3px solid #ffb62d!important;
}

/* ACCOUNT — game profile dashboard */
.lra-account{
  background:transparent!important;
}
.lra-hero{
  background:
    radial-gradient(circle at 12% 10%,rgba(167,8,8,.18),transparent 25rem),
    linear-gradient(145deg,#150707,#080505)!important;
  border:1px solid rgba(255,130,25,.38)!important;
  border-radius:20px!important;
}
.lra-profile-card{
  position:relative;
  overflow:hidden;
}
.lra-profile-card:after{
  content:"PLAYER PROFILE";
  position:absolute;right:18px;top:16px;
  color:rgba(255,190,50,.22);font-size:10px;font-weight:900;letter-spacing:.18em;
}
.lra-stat{
  background:#0c0707!important;
  border:1px solid rgba(255,145,31,.21)!important;
  border-radius:12px!important;
}
.lra-stat strong{color:#ffbd3e!important}
.lra-account .woocommerce-MyAccount-navigation{
  background:#0b0707!important;
  border:1px solid rgba(255,139,30,.25)!important;
  border-radius:14px!important;
  overflow:hidden;
}
.lra-account .woocommerce-MyAccount-navigation li a{
  color:#d8c8bf!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
}
.lra-account .woocommerce-MyAccount-navigation li.is-active a,
.lra-account .woocommerce-MyAccount-navigation li a:hover{
  color:#fff!important;
  background:linear-gradient(90deg,#9c0d0d,#3a0909)!important;
}
.lra-account .woocommerce-MyAccount-content{
  background:linear-gradient(180deg,#110909,#0a0606)!important;
  border:1px solid rgba(255,139,30,.24)!important;
  border-radius:14px!important;
  padding:22px!important;
}
.lra-account table{
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden;
  border:1px solid rgba(255,143,30,.18)!important;
  border-radius:10px!important;
}
.lra-account table th{
  background:#160a0a!important;color:#ffbf3d!important;
}
.lra-account table td{
  background:#0c0707!important;color:#e9ddd5!important;
  border-color:rgba(255,255,255,.05)!important;
}

/* NATIVE SHOP — transforms the real WooCommerce shop, not a second page */
body.woocommerce-shop .woocommerce-products-header,
body.woocommerce-shop .lr-shop-hero,
body.woocommerce-shop .lrs-hero{
  background:
    radial-gradient(circle at 84% 20%,rgba(255,105,20,.16),transparent 28rem),
    linear-gradient(145deg,#150707,#080505)!important;
  border:1px solid rgba(255,133,26,.38)!important;
  border-radius:20px!important;
  box-shadow:0 22px 55px rgba(0,0,0,.34)!important;
}
body.woocommerce-shop .woocommerce-products-header__title{
  color:#fff!important;text-transform:uppercase;font-weight:900!important;
}
body.woocommerce-shop .woocommerce-result-count{color:#bca9a0!important}
body.woocommerce-shop .woocommerce-ordering select,
body.woocommerce-shop input[type="search"]{
  color:#fff!important;background:#0e0808!important;
  border:1px solid rgba(255,143,30,.24)!important;
  border-radius:9px!important;
}
body.woocommerce-shop ul.products li.product .button{
  background:#100909!important;
  color:#ffd05c!important;
  border:1px solid rgba(255,166,37,.35)!important;
  width:calc(100% - 28px);
  margin:10px 14px 16px!important;
  text-align:center;
}
body.woocommerce-shop ul.products li.product .button:hover{
  background:linear-gradient(90deg,#b31111,#e75b14)!important;color:#fff!important;
}

/* Consistent floating Discord support on every v1.8 surface */
.lrh-discord-float,
.lrp-discord-float,
.lra-discord-float,
.lrs-discord-float,
.lr-discord-float{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  z-index:9999!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:58px!important;
  padding:10px 16px 10px 10px!important;
  border-radius:18px!important;
  color:#fff!important;
  text-decoration:none!important;
  background:linear-gradient(110deg,#25113c,#4d1d47 56%,#a52c17)!important;
  border:1px solid rgba(255,129,30,.55)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.5),0 0 20px rgba(214,32,30,.18)!important;
}
.lrh-discord-float svg,.lrp-discord-float svg,.lra-discord-float svg,
.lrs-discord-float svg,.lr-discord-float svg{
  width:38px!important;height:38px!important;
  padding:8px!important;border-radius:12px!important;
  background:#5865F2!important;color:#fff!important;
}
.lrh-discord-float:hover,.lrp-discord-float:hover,.lra-discord-float:hover,
.lrs-discord-float:hover,.lr-discord-float:hover{
  transform:translateY(-3px)!important;
  border-color:#ffc044!important;
}

/* Footer-ish blocks already emitted by the plugin */
.lrh-cta,.lrh-bottom-cta,.lrp-footer,.lra-help{
  background:
    radial-gradient(circle at 50% 100%,rgba(169,13,13,.17),transparent 24rem),
    linear-gradient(180deg,#100808,#080505)!important;
  border:1px solid rgba(255,139,30,.24)!important;
  border-radius:16px!important;
}

/* Mobile */
@media(max-width:900px){
  .lrh-hero h1{font-size:clamp(44px,13vw,72px)!important}
  .lrh-product img,body.woocommerce-shop ul.products li.product img{height:210px!important}
}
@media(max-width:620px){
  .lrh-hero{border-radius:16px!important}
  .lrh-hero:after{display:none}
  .lrh-product img,body.woocommerce-shop ul.products li.product img{height:190px!important}
  .lrh-discord-float,.lrp-discord-float,.lra-discord-float,
  .lrs-discord-float,.lr-discord-float{
    right:12px!important;bottom:12px!important;
    padding:8px!important;min-height:50px!important;border-radius:15px!important;
  }
}

/* v1.8 header/navigation treatment when theme header is visible */
header.site-header,
.wp-site-blocks > header{
  background:rgba(6,4,4,.96)!important;
  border-bottom:1px solid rgba(255,132,25,.18)!important;
}
header.site-header a,
.wp-site-blocks > header a{transition:color .15s ease}
header.site-header a:hover,
.wp-site-blocks > header a:hover{color:#ffb52f!important}