/* ==============================================================
   LA ROJA RP v1.36 — FINAL UI
   - Checkout WooCommerce 100% native, only visual changes.
   - No white surfaces.
   - Account CTA same as Shop CTA.
   - No Discord/Online header button.
   - Mobile Home button.
   - Mobile footer hidden.
   ============================================================== */

/* --------------------------------------------------------------
   HOME CTA: MI CUENTA EXACTLY LIKE EXPLORAR TIENDA
   -------------------------------------------------------------- */
.laroja-v19-page .lr121-hero .lr114-home-copy .lr129-home-actions > a.lr136-account-primary{
    width:220px!important;
    min-width:220px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 25px!important;
    border:0!important;
    border-radius:8px!important;
    color:#fff!important;
    background:linear-gradient(90deg,#dc1318,#ff6817)!important;
    box-shadow:0 10px 30px rgba(220,22,20,.22)!important;
}

/* Mobile home button is invisible on desktop. */
.lr136-mobile-home{
    display:none!important;
}

/* --------------------------------------------------------------
   CHECKOUT: HARD DARK RESET
   This is deliberately scoped ONLY to the native checkout shell.
   -------------------------------------------------------------- */

/* Default text inside checkout must be readable. */
body.lr135-native-wc-checkout .lr135-native-shell{
    color:#fff!important;
}
body.lr135-native-wc-checkout .lr135-native-shell :where(
    div,section,article,aside,form,fieldset,legend,header,footer,main,
    p,span,strong,b,small,label,address,table,thead,tbody,tfoot,tr,th,td
){
    border-color:rgba(255,145,31,.16);
}

/*
 * WooCommerce's multi-step checkout can generate internal wrappers whose
 * class names change between versions. JS marks every light/white wrapper
 * with .lr136-dark-surface, so the native DOM remains untouched.
 */
body.lr135-native-wc-checkout .lr135-native-shell .lr136-dark-surface{
    color:#fff!important;
    background:
        radial-gradient(circle at 100% 0,rgba(255,78,19,.035),transparent 18rem),
        linear-gradient(155deg,#110606,#060303)!important;
    background-color:#080404!important;
    border-color:rgba(255,145,31,.22)!important;
    box-shadow:none!important;
}

/* Large surfaces receive the full card treatment. */
body.lr135-native-wc-checkout .lr135-native-shell .lr136-dark-card{
    overflow:hidden!important;
    color:#fff!important;
    background:
        radial-gradient(circle at 100% 0,rgba(255,80,20,.05),transparent 20rem),
        linear-gradient(155deg,#120707,#060303)!important;
    border:1px solid rgba(255,145,31,.25)!important;
    border-radius:11px!important;
    box-shadow:0 16px 38px rgba(0,0,0,.29)!important;
}

/* Never allow inline/unknown white backgrounds to win. */
body.lr135-native-wc-checkout .lr135-native-shell .lr136-dark-surface[style],
body.lr135-native-wc-checkout .lr135-native-shell .lr136-dark-card[style]{
    background-color:#080404!important;
}

/* Text defaults — kills the near-invisible grey/black text seen in screenshot. */
body.lr135-native-wc-checkout .lr135-native-shell :where(
    h1,h2,h3,h4,h5,h6,strong,b,legend,
    .wc-block-components-title,
    .wc-block-components-checkout-step__title,
    .wc-block-components-checkout-step__heading,
    .wc-block-components-order-summary__button-text,
    .wc-block-components-radio-control__label
){
    color:#fff!important;
}
body.lr135-native-wc-checkout .lr135-native-shell :where(
    p,small,address,
    .wc-block-components-checkout-step__description,
    .wc-block-components-product-metadata,
    .wc-block-components-checkbox__label,
    .wc-block-components-radio-control__description,
    .wc-block-components-radio-control__secondary-label
){
    color:#cbb7ae!important;
}
body.lr135-native-wc-checkout .lr135-native-shell a{
    color:#ffbd35!important;
}

/* ---------------- PROGRESS BAR ---------------- */
body.lr135-native-wc-checkout .lr135-native-shell .lr135-progress-card,
body.lr135-native-wc-checkout .lr135-native-shell .lr136-progress-card{
    width:100%!important;
    max-width:100%!important;
    min-height:72px!important;
    margin:0 0 22px!important;
    padding:15px 20px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    color:#fff!important;
    background:
        radial-gradient(circle at 50% 0,rgba(255,94,21,.055),transparent 18rem),
        linear-gradient(155deg,#120707,#070303)!important;
    border:1px solid rgba(255,155,30,.28)!important;
    border-radius:11px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
}
body.lr135-native-wc-checkout .lr135-native-shell .lr135-progress-label,
body.lr135-native-wc-checkout .lr135-native-shell .lr136-progress-label{
    color:#ffbd35!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.07em!important;
    text-shadow:0 0 14px rgba(255,174,32,.13)!important;
}
body.lr135-native-wc-checkout .lr135-native-shell .lr135-progress-track,
body.lr135-native-wc-checkout .lr135-native-shell .lr136-progress-track{
    display:block!important;
    width:100%!important;
    height:7px!important;
    min-height:7px!important;
    border:1px solid rgba(255,145,31,.14)!important;
    border-radius:99px!important;
    overflow:hidden!important;
    background:#210b08!important;
    box-shadow:inset 0 2px 8px rgba(0,0,0,.50)!important;
}
body.lr135-native-wc-checkout .lr135-native-shell .lr135-progress-fill,
body.lr135-native-wc-checkout .lr135-native-shell .lr136-progress-fill{
    height:100%!important;
    min-height:100%!important;
    border-radius:99px!important;
    background:linear-gradient(90deg,#e31b21,#ff6817,#ffbd35)!important;
    box-shadow:0 0 15px rgba(235,44,24,.30)!important;
}

/* ---------------- MAIN CHECKOUT CARDS ---------------- */
body.lr135-native-wc-checkout .lr135-native-shell :where(
    .wc-block-components-checkout-step,
    .wc-block-checkout__contact-fields,
    .wc-block-checkout__shipping-fields,
    .wc-block-checkout__billing-fields,
    .wc-block-checkout__payment-method,
    .wc-block-checkout__additional-fields,
    .wc-block-components-address-card
){
    color:#fff!important;
    background:
        radial-gradient(circle at 100% 0,rgba(255,83,20,.04),transparent 15rem),
        linear-gradient(155deg,#120707,#070303)!important;
    border:1px solid rgba(255,145,31,.23)!important;
    border-radius:11px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}

/* The left and right columns themselves must remain transparent. */
body.lr135-native-wc-checkout .lr135-native-shell :where(
    .wc-block-checkout,
    .wc-block-checkout__main,
    .wc-block-components-main
){
    background:transparent!important;
}

/* Sidebar / order summary */
body.lr135-native-wc-checkout .lr135-native-shell :where(
    .wc-block-checkout__sidebar,
    .wc-block-components-sidebar
){
    color:#fff!important;
    background:
        radial-gradient(circle at 100% 0,rgba(255,86,21,.055),transparent 18rem),
        linear-gradient(155deg,#130707,#070303)!important;
    border:1px solid rgba(255,145,31,.27)!important;
    border-radius:12px!important;
    box-shadow:0 18px 45px rgba(0,0,0,.35)!important;
}

/* Order summary internals: no white rows/panels. */
body.lr135-native-wc-checkout .lr135-native-shell :where(
    .wc-block-components-order-summary,
    .wc-block-components-order-summary__content,
    .wc-block-components-totals-wrapper,
    .wc-block-components-totals-item,
    .wc-block-components-panel,
    .wc-block-components-panel__content
){
    color:#fff!important;
    background:transparent!important;
}
body.lr135-native-wc-checkout .lr135-native-shell .wc-block-components-order-summary-item{
    padding:13px 0!important;
    border-bottom:1px solid rgba(255,145,31,.12)!important;
}
body.lr135-native-wc-checkout .lr135-native-shell .wc-block-components-product-name{
    color:#fff!important;
    font-weight:900!important;
}
body.lr135-native-wc-checkout .lr135-native-shell :where(
    .wc-block-components-formatted-money-amount,
    .wc-block-components-totals-item__value
){
    color:#ffbd35!important;
}

/* ---------------- FORM CONTROLS ---------------- */
body.lr135-native-wc-checkout .lr135-native-shell :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
    textarea,
    select,
    .select2-selection,
    .wc-block-components-text-input input,
    .wc-block-components-combobox input
){
    width:100%!important;
    max-width:100%!important;
    min-height:48px!important;
    color:#fff!important;
    caret-color:#ffbd35!important;
    background:#080404!important;
    background-color:#080404!important;
    border:1px solid rgba(255,145,31,.28)!important;
    border-radius:8px!important;
    outline:none!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.008)!important;
}
body.lr135-native-wc-checkout .lr135-native-shell :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
    textarea,
    select
):focus{
    border-color:#ffbd35!important;
    box-shadow:0 0 0 2px rgba(255,189,53,.09)!important;
}
body.lr135-native-wc-checkout .lr135-native-shell input::placeholder,
body.lr135-native-wc-checkout .lr135-native-shell textarea::placeholder{
    color:#74625b!important;
}
body.lr135-native-wc-checkout .lr135-native-shell label{
    color:#d4c0b7!important;
}
body.lr135-native-wc-checkout .lr135-native-shell input[type="checkbox"],
body.lr135-native-wc-checkout .lr135-native-shell input[type="radio"]{
    accent-color:#e31b21!important;
}

/* Payment choices */
body.lr135-native-wc-checkout .lr135-native-shell :where(
    .wc-block-components-radio-control,
    .wc-block-components-radio-control__option,
    .wc-block-components-radio-control-accordion-option
){
    color:#fff!important;
    background:#0b0505!important;
    border-color:rgba(255,145,31,.20)!important;
}
body.lr135-native-wc-checkout .lr135-native-shell .wc-block-components-radio-control-accordion-content{
    color:#cfbbb2!important;
    background:#100707!important;
    border-top:1px solid rgba(255,145,31,.13)!important;
}

/* Coupon / edit controls */
body.lr135-native-wc-checkout .lr135-native-shell :where(
    button:not(.wc-block-components-checkout-place-order-button),
    .wc-block-components-button:not(.wc-block-components-checkout-place-order-button),
    .wc-block-components-panel__button
){
    color:#ffbd35!important;
    background:#0b0505!important;
    border:1px solid rgba(255,145,31,.23)!important;
    border-radius:7px!important;
}

/* Terms + final area */
body.lr135-native-wc-checkout .lr135-native-shell :where(
    .wc-block-checkout__terms,
    .wc-block-checkout__actions
){
    color:#cbb7ae!important;
    background:
        linear-gradient(155deg,#100606,#060303)!important;
    border:1px solid rgba(255,145,31,.18)!important;
    border-radius:10px!important;
}

/* Primary checkout buttons */
body.lr135-native-wc-checkout .lr135-native-shell :where(
    .wc-block-components-checkout-place-order-button,
    #place_order
){
    width:100%!important;
    min-height:58px!important;
    color:#fff!important;
    background:linear-gradient(90deg,#e31b21,#ff6817)!important;
    border:1px solid rgba(255,193,58,.43)!important;
    border-radius:8px!important;
    font-weight:950!important;
    box-shadow:0 12px 30px rgba(0,0,0,.30)!important;
}

/* Native multistep red action buttons. */
body.lr135-native-wc-checkout .lr135-native-shell .lr136-primary-action{
    width:100%!important;
    min-height:56px!important;
    padding:0 20px!important;
    color:#fff!important;
    background:linear-gradient(90deg,#e31b21,#ff6817)!important;
    border:1px solid rgba(255,193,58,.40)!important;
    border-radius:8px!important;
    font-size:14px!important;
    font-weight:950!important;
    box-shadow:0 10px 26px rgba(0,0,0,.27)!important;
}

/* ---------------- CLASSIC FALLBACK ---------------- */
body.lr135-native-wc-checkout .lr135-native-shell :where(
    .col2-set .col-1,
    .col2-set .col-2,
    #order_review,
    #payment,
    .woocommerce-billing-fields,
    .woocommerce-shipping-fields,
    .woocommerce-additional-fields,
    .woocommerce-terms-and-conditions-wrapper
){
    color:#fff!important;
    background:linear-gradient(155deg,#120707,#070303)!important;
    border-color:rgba(255,145,31,.20)!important;
}
body.lr135-native-wc-checkout .lr135-native-shell table.shop_table,
body.lr135-native-wc-checkout .lr135-native-shell table.shop_table :where(th,td){
    color:#fff!important;
    background:transparent!important;
    border-color:rgba(255,145,31,.12)!important;
}

/* --------------------------------------------------------------
   MOBILE HEADER + FOOTER
   -------------------------------------------------------------- */
@media(max-width:900px){
    /* Header becomes Home | Cart. Native desktop navigation hidden. */
    .laroja-v19-page .lr19-header{
        width:100%!important;
        min-height:62px!important;
        height:62px!important;
        padding:0 12px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:10px!important;
        background:#050303!important;
    }
    .laroja-v19-page .lr19-nav{
        display:none!important;
    }
    .laroja-v19-page .lr136-mobile-home{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:7px!important;
        min-height:40px!important;
        padding:0 13px!important;
        border:1px solid rgba(255,166,30,.32)!important;
        border-radius:8px!important;
        color:#fff!important;
        background:linear-gradient(90deg,#9c1515,#dc4213)!important;
        box-shadow:0 8px 22px rgba(0,0,0,.25)!important;
        font-size:10px!important;
        font-weight:950!important;
    }
    .laroja-v19-page .lr136-mobile-home span{
        color:#ffbd35!important;
        font-size:17px!important;
        line-height:1!important;
    }
    .laroja-v19-page .lr19-header-actions{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        margin-left:auto!important;
    }

    /* User specifically asked for NO footer at all on mobile. */
    .laroja-v19-page .lr121-footer{
        display:none!important;
    }

    /* Checkout remains full-width but dark. */
    body.lr135-native-wc-checkout .lr135-native-shell{
        width:calc(100% - 16px)!important;
        margin-left:8px!important;
        margin-right:8px!important;
        padding:9px!important;
    }
}

/* Very small phones: icon-only Home to preserve header width. */
@media(max-width:390px){
    .laroja-v19-page .lr136-mobile-home{
        width:42px!important;
        min-width:42px!important;
        padding:0!important;
    }
    .laroja-v19-page .lr136-mobile-home b{
        display:none!important;
    }
}