
/* =============================================================
   LA ROJA RP v1.19 — CLEAN VISUALS + EXTRA MOTION
   ============================================================= */

:root{
  --lr119-red:#e91c22;
  --lr119-orange:#ff6718;
  --lr119-gold:#ffc13a;
}

/* Clean backgrounds only: no baked words/logos */
.lr114-home-hero{
  background:
    linear-gradient(90deg,rgba(2,1,1,.80) 0%,rgba(4,1,1,.48) 35%,rgba(4,1,1,.10) 63%,rgba(2,1,1,.25) 100%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.48)),
    url("visuals-v119/hero-clean-no-text.jpg") center center / cover no-repeat!important;
  background-attachment:scroll!important;
}
.lr19-category-feature,
.lr113-shop .lr-shop-hero{
  background:
    linear-gradient(90deg,rgba(8,2,2,.94),rgba(18,4,3,.64),rgba(8,2,2,.30)),
    url("visuals-v119/vehicles-clean-no-text.jpg") center center / cover no-repeat!important;
}
.lr19-policy .lr-policy-hero{
  background:
    linear-gradient(90deg,rgba(5,2,2,.97),rgba(12,3,3,.76),rgba(5,2,2,.38)),
    url("visuals-v119/policy-clean-no-text.jpg") center center / cover no-repeat!important;
}
.lr117-footer,
.lr19-footer.lr116-footer.lr117-footer{
  background:
    linear-gradient(90deg,rgba(2,2,2,.97) 0%,rgba(3,2,2,.91) 48%,rgba(3,1,1,.52) 75%,rgba(2,1,1,.35) 100%),
    url("visuals-v119/footer-clean-no-text.jpg") center center / cover no-repeat!important;
}

/* Remove now-unused payment block footprint completely */
.lr113-payments-card{display:none!important}
.lr115-roleplay-stats{
  width:min(940px,74%)!important;
}

/* =============================================================
   MORE ANIMATIONS EVERYWHERE
   ============================================================= */

/* Hero entrance */
.lr114-home-copy{
  animation:lr119HeroCopyIn .85s cubic-bezier(.18,.8,.25,1) both;
}
.lr116-hero-side{
  animation:lr119HeroPanelIn .95s .12s cubic-bezier(.18,.8,.25,1) both;
}

/* Animated red/orange title energy */
.lr114-home-copy h1{
  position:relative;
}
.lr114-home-copy h1:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:58%;
  height:2px;
  background:linear-gradient(90deg,var(--lr119-red),var(--lr119-gold),transparent);
  transform-origin:left;
  animation:lr119TitleRail 2.4s ease-in-out infinite;
  box-shadow:0 0 12px rgba(233,28,34,.30);
}

/* Subtitle breathing */
.lr114-home-copy h2{
  animation:lr119SubtitlePulse 3.3s ease-in-out infinite;
}

/* Meta items subtle bounce */
.lr19-home-meta span{
  display:inline-flex;
  align-items:center;
  animation:lr119MetaFloat 3s ease-in-out infinite;
}
.lr19-home-meta span:nth-child(2){animation-delay:.35s}
.lr19-home-meta span:nth-child(3){animation-delay:.7s}

/* All important buttons: shine + glow */
.lr19-primary,
.lr19-secondary,
.lr19-discord-login-main,
.lr19-discord-register,
.lr116-promo-cta,
.lr19-product-grid .lr-btn-small,
.lr113-shop ul.products li.product .button,
.lr110-product-shell .single_add_to_cart_button,
.lr110-cart-shell .checkout-button,
.lr111-checkout-shell #place_order,
.lr111-checkout-shell .wc-block-components-checkout-place-order-button,
.lr19-footer-discord,
.lr-policy-btn,
.lr-shop-account-card a,
.lr-shop-cat{
  position:relative!important;
  overflow:hidden!important;
}
.lr19-primary:after,
.lr19-secondary:after,
.lr19-discord-login-main:after,
.lr19-discord-register:after,
.lr116-promo-cta:after,
.lr19-product-grid .lr-btn-small:after,
.lr113-shop ul.products li.product .button:after,
.lr110-product-shell .single_add_to_cart_button:after,
.lr110-cart-shell .checkout-button:after,
.lr111-checkout-shell #place_order:after,
.lr111-checkout-shell .wc-block-components-checkout-place-order-button:after,
.lr19-footer-discord:after,
.lr-policy-btn:after,
.lr-shop-account-card a:after,
.lr-shop-cat:after{
  content:"";
  position:absolute;
  top:-45%;
  bottom:-45%;
  width:32%;
  left:-45%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-18deg);
  pointer-events:none;
  animation:lr119ButtonSweep 4.2s ease-in-out infinite;
}
.lr19-secondary:after,
.lr19-discord-register:after,
.lr19-product-grid .lr-btn-small:after,
.lr-shop-cat:after{
  animation-delay:1.1s;
  opacity:.6;
}

/* Hover energy */
.lr19-primary:hover,
.lr19-secondary:hover,
.lr19-discord-login-main:hover,
.lr19-discord-register:hover,
.lr116-promo-cta:hover,
.lr19-product-grid .lr-btn-small:hover,
.lr113-shop ul.products li.product .button:hover,
.lr110-product-shell .single_add_to_cart_button:hover,
.lr110-cart-shell .checkout-button:hover,
.lr111-checkout-shell #place_order:hover,
.lr111-checkout-shell .wc-block-components-checkout-place-order-button:hover,
.lr19-footer-discord:hover,
.lr-policy-btn:hover,
.lr-shop-account-card a:hover,
.lr-shop-cat:hover{
  transform:translateY(-4px) scale(1.025)!important;
  box-shadow:0 15px 38px rgba(0,0,0,.48),0 0 28px rgba(233,28,34,.20)!important;
  border-color:rgba(255,194,58,.62)!important;
}

/* Active tap feedback */
.lr19-primary:active,
.lr19-secondary:active,
.lr116-promo-cta:active,
.lr110-product-shell .single_add_to_cart_button:active,
.lr110-cart-shell .checkout-button:active,
.lr111-checkout-shell #place_order:active{
  transform:translateY(-1px) scale(.985)!important;
}

/* Promo animated harder */
.lr116-promo-card{
  position:relative;
  overflow:hidden;
  animation:lr119PromoFloat 2.5s ease-in-out infinite!important;
}
.lr116-promo-card:before{
  content:"";
  position:absolute;
  inset:-40%;
  background:conic-gradient(from 0deg,transparent,rgba(255,42,24,.12),transparent 30%,rgba(255,193,58,.08),transparent 60%);
  animation:lr119PromoSpin 7s linear infinite;
  pointer-events:none;
}
.lr116-promo-card>*{position:relative;z-index:2}
.lr116-promo-value{
  text-shadow:0 0 18px rgba(255,44,29,.32);
  animation:lr119DiscountBounce 1.8s ease-in-out infinite!important;
}
.lr116-promo-code{
  animation:lr119PromoCode 2.1s ease-in-out infinite!important;
}
.lr116-promo-timer>span{
  animation:lr119TimerBreath 2.1s ease-in-out infinite!important;
}
.lr116-promo-timer>span:nth-child(2){animation-delay:.18s!important}
.lr116-promo-timer>span:nth-child(3){animation-delay:.36s!important}
.lr116-promo-timer>span:nth-child(4){animation-delay:.54s!important}

/* Roleplay stats animated */
.lr115-roleplay-stats>div{
  transition:transform .22s ease,background .22s ease,border-color .22s ease!important;
}
.lr115-roleplay-stats>div:hover{
  transform:translateY(-5px) scale(1.015);
  background:linear-gradient(180deg,rgba(24,7,7,.96),rgba(5,2,2,.95))!important;
}
.lr115-roleplay-stats>div b{
  animation:lr119StatGlow 3.4s ease-in-out infinite;
}
.lr115-roleplay-stats>div:nth-child(2) b{animation-delay:.4s}
.lr115-roleplay-stats>div:nth-child(3) b{animation-delay:.8s}
.lr115-roleplay-stats>div:nth-child(4) b{animation-delay:1.2s}

/* Product images micro zoom */
.lr19-product-grid .lr-product-media img,
.lr113-shop ul.products li.product img{
  transition:transform .45s cubic-bezier(.2,.75,.3,1),filter .35s ease!important;
}
.lr19-product-grid .lr-product-card:hover .lr-product-media img,
.lr113-shop ul.products li.product:hover img{
  transform:scale(1.055)!important;
  filter:brightness(1.06) saturate(1.06)!important;
}

/* Section title entrance highlight */
.lr19-section-head h2,
.lr19-category-feature h2,
.lr-shop-title,
.lr-policy-hero h1{
  position:relative;
}
.lr19-section-head h2:after,
.lr19-category-feature h2:after,
.lr-shop-title:after,
.lr-policy-hero h1:after{
  content:"";
  display:block;
  width:58px;
  height:2px;
  margin-top:8px;
  background:linear-gradient(90deg,var(--lr119-red),var(--lr119-gold),transparent);
  animation:lr119SectionRail 2.8s ease-in-out infinite;
}

/* Nav active pulse */
.lr19-nav a.is-active:after{
  animation:lr119NavActive 1.7s ease-in-out infinite;
}

/* Floating Discord attention */
.lr-discord-float{
  animation:lr119DiscordFloat 2.5s ease-in-out infinite!important;
}
.lr-discord-float:before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:22px;
  border:1px solid rgba(88,101,242,.24);
  animation:lr119DiscordRing 2.5s ease-out infinite;
  pointer-events:none;
}

/* Scroll reveal variations */
.lr118-reveal.lr118-visible:nth-child(odd){
  animation-name:lr119RevealLeft!important;
}
.lr118-reveal.lr118-visible:nth-child(even){
  animation-name:lr119RevealRight!important;
}

/* Background shimmer over hero */
.lr114-home-hero:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(115deg,transparent 0%,rgba(255,45,22,.035) 45%,transparent 55%),
    radial-gradient(circle at 70% 35%,rgba(255,71,20,.06),transparent 20rem)!important;
  background-size:220% 100%,100% 100%!important;
  animation:lr119HeroShimmer 8s linear infinite;
  z-index:1;
}

/* Keep content above animated overlay */
.lr114-home-copy,.lr116-hero-side,.lr115-roleplay-stats{
  z-index:4!important;
}

/* =============================================================
   KEYFRAMES
   ============================================================= */
@keyframes lr119HeroCopyIn{
  from{opacity:0;transform:translateX(-28px)}
  to{opacity:1;transform:none}
}
@keyframes lr119HeroPanelIn{
  from{opacity:0;transform:translateX(28px)}
  to{opacity:1;transform:none}
}
@keyframes lr119TitleRail{
  0%,100%{transform:scaleX(.35);opacity:.38}
  50%{transform:scaleX(1);opacity:1}
}
@keyframes lr119SubtitlePulse{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.12)}
}
@keyframes lr119MetaFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes lr119ButtonSweep{
  0%,35%{left:-45%;opacity:0}
  45%{opacity:1}
  62%{left:118%;opacity:0}
  100%{left:118%;opacity:0}
}
@keyframes lr119PromoFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
@keyframes lr119PromoSpin{
  to{transform:rotate(360deg)}
}
@keyframes lr119DiscountBounce{
  0%,100%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.05);filter:brightness(1.25)}
}
@keyframes lr119PromoCode{
  0%,100%{box-shadow:0 0 0 rgba(255,193,58,0)}
  50%{box-shadow:0 0 20px rgba(255,193,58,.14)}
}
@keyframes lr119TimerBreath{
  0%,100%{transform:translateY(0);filter:brightness(1)}
  50%{transform:translateY(-2px);filter:brightness(1.18)}
}
@keyframes lr119StatGlow{
  0%,100%{text-shadow:0 0 0 rgba(255,255,255,0)}
  50%{text-shadow:0 0 12px rgba(255,255,255,.12)}
}
@keyframes lr119SectionRail{
  0%,100%{width:38px;opacity:.4}
  50%{width:92px;opacity:1}
}
@keyframes lr119NavActive{
  0%,100%{opacity:.5}
  50%{opacity:1;box-shadow:0 0 10px rgba(233,28,34,.4)}
}
@keyframes lr119DiscordFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes lr119DiscordRing{
  0%{transform:scale(.92);opacity:.5}
  100%{transform:scale(1.14);opacity:0}
}
@keyframes lr119RevealLeft{
  from{opacity:0;transform:translateX(-28px) translateY(10px)}
  to{opacity:1;transform:none}
}
@keyframes lr119RevealRight{
  from{opacity:0;transform:translateX(28px) translateY(10px)}
  to{opacity:1;transform:none}
}
@keyframes lr119HeroShimmer{
  from{background-position:180% 0,0 0}
  to{background-position:-40% 0,0 0}
}

/* Responsive motion safety */
@media(max-width:900px){
  .lr115-roleplay-stats{width:calc(100% - 48px)!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
  }
}
