/* =============================================================
   LA ROJA RP — v1.16 HERO + SINGLE FOOTER EXACT PASS
   ============================================================= */

/* One true full-width surface */
body.laroja-v19-page,
body.laroja-v19-page #page,
body.laroja-v19-page .site,
body.laroja-v19-page .site-content,
body.laroja-v19-page .content-area,
body.laroja-v19-page .site-main,
body.laroja-v19-page .entry-content,
body.laroja-v19-page .wp-site-blocks,
body.laroja-v19-page .wp-block-post-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

/* Absolutely no graphical crest/logo anywhere */
.lr19-brand-shield,
.lr116-footer .lr19-brand-shield{
    display:none!important;
}

/* Header remains clean: no coupon bar above it */
.lr19-header{
    top:0!important;
    background:rgba(2,2,2,.985)!important;
}
.lr19-brand-name{
    position:relative;
    color:#fff!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
    animation:lr116BrandBreath 3.4s ease-in-out infinite;
}
.lr19-brand-name b{
    color:#e91f24!important;
    position:relative;
    text-shadow:0 0 0 rgba(233,31,36,0);
    animation:lr116RPGlow 2.2s ease-in-out infinite;
}

/* =============================================================
   HERO — same composition as approved image, but UI stays dynamic
   ============================================================= */
.lr114-home-hero{
    min-height:calc(100vh - 72px)!important;
    padding:clamp(44px,5vw,82px) clamp(24px,4.5vw,74px) 145px!important;
    grid-template-columns:minmax(0,1.42fr) minmax(340px,.58fr)!important;
    background:
      linear-gradient(90deg,rgba(1,1,1,.88) 0%,rgba(5,1,1,.70) 29%,rgba(7,1,1,.30) 58%,rgba(5,1,1,.18) 100%),
      linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.58)),
      url("visuals-v116/hero-city-car-exact.jpg") center center / cover no-repeat!important;
    border-bottom:2px solid rgba(227,29,28,.55)!important;
    box-shadow:inset 0 -110px 150px rgba(0,0,0,.74)!important;
}
.lr114-home-hero:before{
    background:
      radial-gradient(circle at 63% 17%,rgba(255,42,17,.17),transparent 20rem),
      linear-gradient(90deg,rgba(0,0,0,.28),transparent 50%)!important;
}
.lr114-home-hero:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg,transparent 74%,rgba(0,0,0,.72))!important;
    pointer-events:none!important;
}
.lr114-home-copy{
    z-index:4!important;
    max-width:810px!important;
}
.lr114-home-copy .lr19-kicker{
    color:#ffb632!important;
    letter-spacing:.16em!important;
    animation:lr116Kicker 2.6s ease-in-out infinite;
}
.lr114-home-copy h1{
    color:#fff!important;
    font-size:clamp(72px,8.5vw,136px)!important;
    line-height:.84!important;
    margin:12px 0 0!important;
    text-transform:uppercase!important;
    letter-spacing:-.085em!important;
    animation:lr116TitleIn .85s cubic-bezier(.17,.84,.33,1) both;
}
.lr114-home-copy h1 strong{
    color:#e61e25!important;
    display:inline-block;
    animation:lr116TitleRP 2.4s ease-in-out infinite;
}
.lr114-home-copy h2{
    animation:lr116FadeText .75s .16s ease both;
}
.lr114-home-copy p,
.lr19-home-meta{
    animation:lr116FadeText .75s .27s ease both;
}
.lr19-home-actions{
    animation:lr116FadeText .75s .36s ease both;
}

/* Right stack: dynamic promotion first, Discord under it */
.lr116-hero-side{
    position:relative;
    z-index:5;
    justify-self:end;
    align-self:center;
    width:min(430px,100%);
    display:flex;
    flex-direction:column;
    gap:12px;
}

.lr116-promo-card{
    position:relative;
    overflow:hidden;
    padding:22px 22px 20px;
    border:1px solid rgba(229,31,33,.68);
    border-radius:9px;
    text-align:center;
    background:
      radial-gradient(circle at 50% 0,rgba(191,14,16,.18),transparent 16rem),
      linear-gradient(180deg,rgba(14,4,4,.97),rgba(5,3,3,.98));
    box-shadow:
      0 20px 60px rgba(0,0,0,.48),
      inset 0 0 38px rgba(157,8,10,.09),
      0 0 24px rgba(216,21,24,.11);
    animation:lr116PromoCard 3.4s ease-in-out infinite;
}
.lr116-promo-card:before{
    content:"";
    position:absolute;
    inset:-80% -30%;
    background:linear-gradient(110deg,transparent 39%,rgba(255,255,255,.17) 49%,transparent 59%);
    transform:translateX(-70%);
    animation:lr116PromoSweep 3.2s linear infinite;
    pointer-events:none;
}
.lr116-promo-card:after{
    content:"";
    position:absolute;
    left:8%;right:8%;bottom:0;height:2px;
    background:linear-gradient(90deg,transparent,#ff301e,#ffc13b,#ff301e,transparent);
    animation:lr116PromoBottom 1.8s ease-in-out infinite;
}
.lr116-promo-kicker{
    display:block;
    color:#ff4d2e;
    font-size:10px;
    font-weight:950;
    letter-spacing:.07em;
    animation:lr116PromoKicker 1.35s ease-in-out infinite;
}
.lr116-promo-value{
    display:block;
    margin:9px 0 2px;
    color:#e71f24;
    font-size:clamp(30px,3vw,48px);
    line-height:.95;
    font-weight:950;
    text-transform:uppercase;
    text-shadow:0 0 18px rgba(231,31,36,.24);
    animation:lr116PromoValue 2.1s ease-in-out infinite;
}
.lr116-promo-sub{
    display:block;
    color:#fff;
    font-size:13px;
    font-weight:900;
    letter-spacing:.04em;
}
.lr116-promo-code{
    position:relative;
    overflow:hidden;
    width:100%;
    min-height:48px;
    margin:17px 0 15px;
    padding:0 14px;
    border:1px dashed rgba(232,54,43,.72);
    border-radius:7px;
    color:#f15b43;
    background:#100505;
    cursor:pointer;
    font-size:11px;
    font-weight:800;
    transition:.2s ease;
}
.lr116-promo-code b{
    margin-left:7px;
    color:#fff;
    font-size:15px;
    letter-spacing:.05em;
}
.lr116-promo-code i{
    position:absolute;
    right:13px;
    top:50%;
    transform:translateY(-50%);
    color:#ffb937;
    font-style:normal;
}
.lr116-promo-code:before{
    content:"";
    position:absolute;
    top:-40%;bottom:-40%;left:-40%;width:30%;
    background:linear-gradient(105deg,transparent,rgba(255,255,255,.20),transparent);
    animation:lr116CodeShine 2.8s ease-in-out infinite;
}
.lr116-promo-code:hover{
    transform:scale(1.025);
    border-color:#ffc13a;
    box-shadow:0 0 26px rgba(224,24,26,.19);
}
.lr116-promo-code.is-copied{
    background:linear-gradient(90deg,#71100d,#bd1b15)!important;
    border-style:solid!important;
}
.lr116-promo-timer-wrap{
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.06);
}
.lr116-promo-timer-wrap>small{
    color:#d5c3b9;
    font-size:9px;
    font-weight:900;
}
.lr116-promo-timer{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:6px;
    margin-top:9px;
}
.lr116-promo-timer>span{
    min-height:39px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    color:#ffbd36;
    background:#0b0505;
    border:1px solid rgba(255,150,31,.23);
    border-radius:6px;
    font-size:16px;
    font-weight:950;
    animation:lr116TimerBox 2.4s ease-in-out infinite;
}
.lr116-promo-timer>span:nth-child(2){animation-delay:.15s}
.lr116-promo-timer>span:nth-child(3){animation-delay:.30s}
.lr116-promo-timer>span:nth-child(4){animation-delay:.45s}
.lr116-promo-timer em{
    font-style:normal;
    font-size:9px;
    color:#bca59b;
}
.lr116-promo-cta{
    position:relative;
    overflow:hidden;
    min-height:48px;
    margin-top:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:7px;
    color:#fff!important;
    background:linear-gradient(90deg,#d51016,#f33a1f);
    font-size:11px;
    font-weight:950;
    transition:.2s ease;
}
.lr116-promo-cta:after{
    content:"";
    position:absolute;
    left:-45%;top:-35%;bottom:-35%;width:30%;
    background:linear-gradient(105deg,transparent,rgba(255,255,255,.30),transparent);
    animation:lr116CTAshine 2.5s ease-in-out infinite;
}
.lr116-promo-cta:hover{
    transform:translateY(-3px) scale(1.018);
    box-shadow:0 12px 30px rgba(223,21,24,.25);
}

.lr116-discord-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:20px!important;
    min-height:170px!important;
    display:grid!important;
    grid-template-columns:1fr 90px!important;
    grid-template-areas:
      "title icon"
      "text icon"
      "button button"!important;
    align-items:center!important;
    text-align:left!important;
}
.lr116-discord-panel>span{grid-area:title;color:#fff!important;font-size:11px!important;font-weight:950!important}
.lr116-discord-panel>.lr19-discord-big{grid-area:icon;width:75px!important;height:75px!important;margin:0 auto!important}
.lr116-discord-panel>.lr19-discord-big svg{width:68px!important;height:54px!important}
.lr116-discord-panel>p{grid-area:text;margin:4px 0 8px!important;font-size:10px!important;color:#bba79e!important}
.lr116-discord-panel>.lr19-discord-login-main{grid-area:button;margin-top:8px!important}

/* Bottom HUD remains visible and roleplay-focused */
.lr115-roleplay-stats{
    z-index:5!important;
}

/* =============================================================
   ONE FOOTER ONLY — same composition as approved image
   ============================================================= */
.lr116-footer{
    position:relative!important;
    overflow:hidden!important;
    width:100%!important;
    min-height:285px!important;
    display:grid!important;
    grid-template-columns:1.25fr .72fr .72fr .82fr 1.75fr!important;
    gap:36px!important;
    align-items:start!important;
    padding:42px clamp(24px,4vw,72px) 36px!important;
    border-top:2px solid rgba(223,28,27,.55)!important;
    background:
      linear-gradient(90deg,rgba(2,2,2,.985) 0%,rgba(4,2,2,.965) 55%,rgba(8,1,1,.48) 100%),
      url("visuals-v116/footer-soldiers-exact.jpg") right center / auto 100% no-repeat!important;
}
.lr116-footer:before{
    content:"";
    position:absolute;
    right:0;top:0;bottom:0;width:43%;
    background:linear-gradient(90deg,rgba(3,2,2,.98),rgba(3,2,2,.30));
    pointer-events:none;
}
.lr116-footer>*{position:relative;z-index:2}
.lr116-footer-brand .lr19-brand-name{
    display:block!important;
    font-size:25px!important;
    margin-bottom:14px;
}
.lr116-footer-brand p{
    max-width:360px;
    color:#b9a69d!important;
    line-height:1.65!important;
    font-size:11px!important;
}
.lr116-footer-brand small{
    display:block;
    margin-top:17px;
    color:#766963;
    font-size:9px;
}
.lr116-footer-col{
    display:flex;
    flex-direction:column;
    gap:9px;
}
.lr116-footer-col>b{
    color:#fff;
    font-size:10px;
    margin-bottom:5px;
}
.lr116-footer-col a{
    position:relative;
    color:#ad9b92!important;
    font-size:10px!important;
    transition:.2s ease;
}
.lr116-footer-col a:before{
    content:"›";
    margin-right:6px;
    color:#e71f24;
}
.lr116-footer-col a:hover{
    color:#fff!important;
    transform:translateX(3px);
}
.lr116-footer-community{
    min-height:200px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding-left:12px;
}
.lr116-footer-community-copy{
    width:min(360px,100%);
    margin-left:auto;
    padding:22px;
    border-left:1px solid rgba(255,126,24,.24);
    background:linear-gradient(90deg,rgba(9,3,3,.67),rgba(7,3,3,.18));
}
.lr116-footer-community-copy>span{
    color:#e82125;
    font-size:9px;
    font-weight:950;
}
.lr116-footer-community-copy h3{
    margin:5px 0 8px;
    color:#fff;
    font-size:17px;
}
.lr116-footer-community-copy p{
    color:#baa69c;
    font-size:10px;
    line-height:1.6;
}
.lr116-footer .lr19-footer-discord{
    margin-top:9px!important;
    background:linear-gradient(90deg,#382056,#5865f2)!important;
    border-color:rgba(117,128,255,.48)!important;
    animation:lr116DiscordCTA 2.5s ease-in-out infinite;
}

/* Hide old v1.14/v1.15 footer-like sections if any stale theme/cache markup survives */
.lr19-site>.lr19-why,
.lr19-site>.lr19-newsletter,
.lr19-site>.lr19-copy{
    display:none!important;
}

/* =============================================================
   GLOBAL BUTTON MOTION
   ============================================================= */
.lr19-primary,
.lr19-secondary,
.lr19-discord-login-main,
.lr19-discord-register,
.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,
.lr110-page-heading>a,
.lr19-footer-discord{
    transition:transform .18s ease,box-shadow .2s ease,filter .2s ease!important;
}
.lr19-primary:hover,
.lr19-secondary:hover,
.lr19-discord-login-main:hover,
.lr19-discord-register: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,
.lr110-page-heading>a:hover,
.lr19-footer-discord:hover{
    transform:translateY(-4px) scale(1.025)!important;
    filter:brightness(1.10)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 24px rgba(225,25,27,.17)!important;
}

/* Keyframes */
@keyframes lr116BrandBreath{0%,100%{filter:brightness(1)}50%{filter:brightness(1.16)}}
@keyframes lr116RPGlow{0%,100%{text-shadow:0 0 0 rgba(233,31,36,0);transform:translateY(0)}50%{text-shadow:0 0 17px rgba(233,31,36,.44);transform:translateY(-1px)}}
@keyframes lr116Kicker{0%,100%{opacity:.82}50%{opacity:1;text-shadow:0 0 11px rgba(255,181,44,.32)}}
@keyframes lr116TitleIn{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes lr116TitleRP{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.018)}}
@keyframes lr116FadeText{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:none}}
@keyframes lr116PromoCard{0%,100%{transform:translateY(0);box-shadow:0 20px 60px rgba(0,0,0,.48),0 0 22px rgba(216,21,24,.08)}50%{transform:translateY(-3px);box-shadow:0 24px 66px rgba(0,0,0,.56),0 0 34px rgba(216,21,24,.18)}}
@keyframes lr116PromoSweep{0%{transform:translateX(-70%)}100%{transform:translateX(70%)}}
@keyframes lr116PromoBottom{0%,100%{opacity:.35;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}
@keyframes lr116PromoKicker{0%,100%{opacity:.75}50%{opacity:1;text-shadow:0 0 10px rgba(255,55,29,.4)}}
@keyframes lr116PromoValue{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes lr116CodeShine{0%,35%{left:-40%;opacity:0}50%{opacity:1}70%,100%{left:120%;opacity:0}}
@keyframes lr116TimerBox{0%,100%{border-color:rgba(255,150,31,.20)}50%{border-color:rgba(255,190,54,.55);box-shadow:0 0 12px rgba(255,169,29,.08)}}
@keyframes lr116CTAshine{0%,30%{left:-45%;opacity:0}48%{opacity:1}68%,100%{left:120%;opacity:0}}
@keyframes lr116DiscordCTA{0%,100%{box-shadow:0 0 0 rgba(88,101,242,0)}50%{box-shadow:0 0 24px rgba(88,101,242,.26)}}

@media(max-width:1100px){
    .lr114-home-hero{grid-template-columns:1fr!important;padding-bottom:235px!important}
    .lr116-hero-side{justify-self:start!important;width:min(520px,100%)!important}
    .lr116-footer{grid-template-columns:repeat(2,1fr)!important;background-size:auto 75%!important}
    .lr116-footer-community{grid-column:1/-1!important;max-width:720px!important}
}
@media(max-width:760px){
    .lr114-home-hero{padding:42px 18px 255px!important}
    .lr114-home-copy h1{font-size:58px!important}
    .lr116-discord-panel{grid-template-columns:1fr 70px!important}
    .lr116-promo-value{font-size:30px!important}
    .lr116-footer{grid-template-columns:1fr!important;padding:32px 20px!important;background-size:auto 48%!important;background-position:right bottom!important}
    .lr116-footer-community{grid-column:1!important;min-height:180px!important}
    .lr116-footer-community-copy{margin:0!important}
}