/**
 * L2 ArgVsBr — Skin WooCommerce compartido (carrito / checkout / shop)
 * Visual only. Replica botones, destello, selector oscuro y atmósfera del producto.
 */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:wght@400;600;700&family=Inter:wght@400;500;600&display=swap');

/* Páginas Woo del panel */
body.lineage2-banner-bg.woocommerce-cart,
body.lineage2-banner-bg.woocommerce-checkout,
body.lineage2-banner-bg.woocommerce-account,
body.lineage2-banner-bg.post-type-archive-product,
body.lineage2-banner-bg.tax-product_cat,
body.lineage2-banner-bg.woocommerce-shop {
    --l2p-bg: #0b0e14;
    --l2p-panel: #12151c;
    --l2p-panel-inner: #16181f;
    --l2p-gold: #d13a3a;
    --l2p-gold-bright: #e34a4a;
    --l2p-text: #dedede;
    --l2p-muted: #bdbdbd;
    --l2p-glow-blue: 0 0 28px rgba(70, 130, 220, 0.18);
    color: var(--l2p-text);
    font-family: 'Inter', system-ui, sans-serif;
}

/* Atmósfera (inyectada por JS) — todas las páginas del panel */
body.lineage2-banner-bg .l2p-atmosphere {
    pointer-events: none;
    position: fixed;
    inset: 0;
    z-index: 1;
    overflow: hidden;
}

body.lineage2-banner-bg .l2p-atmosphere__vignette {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 70% 55% at 50% 40%, transparent 35%, rgba(0, 0, 0, 0.45) 78%, rgba(0, 0, 0, 0.78) 100%),
        linear-gradient(180deg, rgba(0, 8, 20, 0.35) 0%, transparent 28%, transparent 70%, rgba(0, 0, 0, 0.55) 100%);
}

body.lineage2-banner-bg .l2p-atmosphere__fog {
    position: absolute;
    inset: -10% -5%;
    background:
        radial-gradient(ellipse 40% 20% at 20% 75%, rgba(90, 130, 180, 0.08), transparent 70%),
        radial-gradient(ellipse 45% 22% at 78% 70%, rgba(209, 58, 58, 0.05), transparent 70%);
    animation: l2pFogDrift 28s ease-in-out infinite alternate;
}

body.lineage2-banner-bg .l2p-atmosphere__lights {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle 180px at 18% 32%, rgba(100, 150, 255, 0.07), transparent 70%),
        radial-gradient(circle 220px at 72% 28%, rgba(209, 58, 58, 0.06), transparent 70%);
    animation: l2pLightsPulse 9s ease-in-out infinite alternate;
}

body.lineage2-banner-bg .l2p-particle {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: radial-gradient(circle, #e34a4a 0%, rgba(209, 58, 58, 0.2) 60%, transparent 100%);
    box-shadow: 0 0 6px rgba(227, 74, 74, 0.55);
    opacity: 0;
    animation: l2pParticleFloat linear infinite;
}

@keyframes l2pFogDrift {
    from { transform: translate3d(-1.5%, 0, 0); }
    to { transform: translate3d(1.5%, -1%, 0); }
}

@keyframes l2pLightsPulse {
    from { opacity: 0.55; }
    to { opacity: 1; }
}

@keyframes l2pParticleFloat {
    0% { transform: translate3d(0, 12px, 0); opacity: 0; }
    12% { opacity: 0.75; }
    88% { opacity: 0.55; }
    100% { transform: translate3d(8px, -110vh, 0); opacity: 0; }
}

body.lineage2-banner-bg #header-content,
body.lineage2-banner-bg #main-content {
    position: relative;
    z-index: 2;
}

body.lineage2-banner-bg.woocommerce-cart #main-content,
body.lineage2-banner-bg.woocommerce-cart #main-content.light,
body.lineage2-banner-bg.woocommerce-checkout #main-content,
body.lineage2-banner-bg.woocommerce-checkout #main-content.light,
body.lineage2-banner-bg.woocommerce-account #main-content,
body.lineage2-banner-bg.post-type-archive-product #main-content,
body.lineage2-banner-bg.woocommerce-cart .site-header,
body.lineage2-banner-bg.woocommerce-checkout .site-header,
body.lineage2-banner-bg.woocommerce-cart #masthead,
body.lineage2-banner-bg.woocommerce-checkout #masthead,
body.lineage2-banner-bg.woocommerce-cart #header-content,
body.lineage2-banner-bg.woocommerce-checkout #header-content {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Box panel centrado — SIN margen negativo (rompe logo + pasos del carrito)
   CHECKOUT: shell opaco sin padding (ver bloque checkout más abajo) */
body.lineage2-banner-bg.woocommerce-cart .l2p-panel-shell,
body.lineage2-banner-bg.woocommerce-account .l2p-panel-shell,
body.lineage2-banner-bg.post-type-archive-product .l2p-panel-shell {
    position: relative;
    z-index: 3;
    width: calc(100% - 2rem);
    max-width: 1000px;
    margin: 1.25rem auto 1.5rem;
    padding: 1rem 1.15rem 1.25rem;
    box-sizing: border-box;
    /* OPACO: rgba semitransparente dejaba ver el #fff de #main-content.light
       como “borde blanco grueso” alrededor de las columnas */
    background: #0b0d12 !important;
    background-color: #0b0d12 !important;
    background-image: none !important;
    border: 2px solid #8e1717;
    border-radius: 3px;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.85),
        inset 0 0 0 1px rgba(120, 170, 255, 0.12),
        0 18px 50px rgba(0, 0, 0, 0.65);
    color: var(--l2p-text);
    overflow: hidden;
}

/*
 * Elementor page-262 mete un webp de fantasía en .elementor-element-3f229c63.
 * Hay que matarlo o se ve dentro del box aunque el shell tenga fondo.
 */
body.woocommerce-cart .elementor-262 .elementor-element-3f229c63,
body.woocommerce-checkout .elementor-262 .elementor-element-3f229c63,
body.woocommerce-cart .elementor-element-3f229c63,
body.woocommerce-cart .elementor-262 .elementor-element.elementor-element-3f229c63:not(.elementor-motion-effects-element-type-background),
body.woocommerce-cart .elementor-262 .elementor-element.elementor-element-3f229c63 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
body.woocommerce-cart .l2p-panel-shell .e-con,
body.woocommerce-cart .l2p-panel-shell .e-con-inner,
body.woocommerce-cart .l2p-panel-shell .section-element,
body.woocommerce-cart .l2p-panel-shell .wpb_text_column,
body.woocommerce-cart .l2p-panel-shell .woocommerce,
body.woocommerce-cart .nasa-cart-content,
body.woocommerce-cart .nasa-cart-content .columns {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

body.admin-bar.lineage2-banner-bg.woocommerce-cart .l2p-panel-shell,
body.admin-bar.lineage2-banner-bg.woocommerce-checkout .l2p-panel-shell {
    margin-top: 1.25rem;
}

body.lineage2-banner-bg.woocommerce-cart .l2p-panel-shell__frame,
body.lineage2-banner-bg.woocommerce-checkout .l2p-panel-shell__frame,
body.lineage2-banner-bg.woocommerce-account .l2p-panel-shell__frame {
    position: absolute;
    inset: 4px;
    border: 1px solid rgba(209, 58, 58, 0.22);
    pointer-events: none;
    z-index: 1;
}

body.lineage2-banner-bg.woocommerce-cart .l2p-corner,
body.lineage2-banner-bg.woocommerce-checkout .l2p-corner,
body.lineage2-banner-bg.woocommerce-account .l2p-corner {
    position: absolute;
    width: 16px;
    height: 16px;
    border-color: var(--l2p-gold-bright);
    border-style: solid;
    z-index: 4;
    pointer-events: none;
}

body.lineage2-banner-bg .l2p-corner--tl { top: 8px; left: 8px; border-width: 2px 0 0 2px; }
body.lineage2-banner-bg .l2p-corner--tr { top: 8px; right: 8px; border-width: 2px 2px 0 0; }
body.lineage2-banner-bg .l2p-corner--bl { bottom: 8px; left: 8px; border-width: 0 0 2px 2px; }
body.lineage2-banner-bg .l2p-corner--br { bottom: 8px; right: 8px; border-width: 0 2px 2px 0; }

/*
 * Markup real Elessi: #main-content > .container-wrap > .order-steps > .checkout-breadcrumb
 * (NO usa .nasa-checkout-step). Header absolute → hay que bajar todo bajo el logo (~188px).
 */
body.lineage2-banner-bg.woocommerce-cart #main-content,
body.lineage2-banner-bg.woocommerce-checkout #main-content,
body.lineage2-banner-bg.woocommerce-order-received #main-content,
body.lineage2-banner-bg.woocommerce-account #main-content {
    padding-top: 13.75rem !important;
    padding-bottom: 2rem !important;
}

body.admin-bar.lineage2-banner-bg.woocommerce-cart #main-content,
body.admin-bar.lineage2-banner-bg.woocommerce-checkout #main-content,
body.admin-bar.lineage2-banner-bg.woocommerce-order-received #main-content,
body.admin-bar.lineage2-banner-bg.woocommerce-account #main-content {
    padding-top: 15rem !important;
}

body.lineage2-banner-bg.woocommerce-cart .container-wrap.page-shopping-cart,
body.lineage2-banner-bg.woocommerce-checkout .container-wrap,
body.lineage2-banner-bg.woocommerce-order-received .container-wrap {
    background: transparent !important;
}

/* ---------------------------------------------------------
   Banda de pasos (.order-steps / .checkout-breadcrumb) — L2
   --------------------------------------------------------- */
body.woocommerce-cart .order-steps,
body.woocommerce-checkout .order-steps,
body.woocommerce-order-received .order-steps,
body.lineage2-banner-bg.woocommerce-cart .order-steps,
body.lineage2-banner-bg.woocommerce-checkout .order-steps {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 0 1.15rem !important;
    padding: 0 1rem !important;
    position: relative;
    z-index: 5;
}

body.woocommerce-cart .order-steps > .row,
body.woocommerce-checkout .order-steps > .row,
body.woocommerce-cart .order-steps .large-12,
body.woocommerce-checkout .order-steps .large-12,
body.woocommerce-cart .order-steps .columns,
body.woocommerce-checkout .order-steps .columns {
    background: transparent !important;
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    width: 100% !important;
}

body.woocommerce-cart .checkout-breadcrumb,
body.woocommerce-checkout .checkout-breadcrumb,
body.woocommerce-order-received .checkout-breadcrumb {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0.9rem 0.35rem !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, rgba(22, 24, 31, 0.96) 0%, rgba(12, 14, 20, 0.98) 100%) !important;
    border: 1px solid rgba(209, 58, 58, 0.42) !important;
    border-radius: 3px !important;
    box-shadow:
        inset 0 0 0 1px rgba(120, 170, 255, 0.08),
        0 10px 28px rgba(0, 0, 0, 0.45) !important;
    text-align: center !important;
}

body.woocommerce-cart .checkout-breadcrumb .title-cart,
body.woocommerce-cart .checkout-breadcrumb .title-checkout,
body.woocommerce-cart .checkout-breadcrumb .title-thankyou,
body.woocommerce-checkout .checkout-breadcrumb .title-cart,
body.woocommerce-checkout .checkout-breadcrumb .title-checkout,
body.woocommerce-checkout .checkout-breadcrumb .title-thankyou,
body.woocommerce-order-received .checkout-breadcrumb .title-cart,
body.woocommerce-order-received .checkout-breadcrumb .title-checkout,
body.woocommerce-order-received .checkout-breadcrumb .title-thankyou {
    flex: 1 1 0 !important;
    margin: 0 !important;
    padding: 0.35rem 0.75rem !important;
    background: transparent !important;
    border: none !important;
    border-right: 1px solid rgba(209, 58, 58, 0.22) !important;
    box-shadow: none !important;
    opacity: 0.55;
}

body.woocommerce-cart .checkout-breadcrumb .title-thankyou,
body.woocommerce-checkout .checkout-breadcrumb .title-thankyou,
body.woocommerce-order-received .checkout-breadcrumb .title-thankyou {
    border-right: none !important;
}

body.woocommerce-cart .checkout-breadcrumb .ct-1st,
body.woocommerce-checkout .checkout-breadcrumb .ct-1st,
body.woocommerce-order-received .checkout-breadcrumb .ct-1st,
body.woocommerce-cart .checkout-breadcrumb h3,
body.woocommerce-checkout .checkout-breadcrumb h3 {
    display: block !important;
    margin: 0 0 0.2rem !important;
    padding: 0 !important;
    color: var(--l2p-gold, #d13a3a) !important;
    font-family: 'Cinzel', Georgia, serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.1 !important;
    background: none !important;
}

body.woocommerce-cart .checkout-breadcrumb .ct-2nd,
body.woocommerce-checkout .checkout-breadcrumb .ct-2nd,
body.woocommerce-order-received .checkout-breadcrumb .ct-2nd,
body.woocommerce-cart .checkout-breadcrumb h4,
body.woocommerce-checkout .checkout-breadcrumb h4 {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--l2p-muted, #bdbdbd) !important;
    font-family: 'Cinzel', Georgia, serif !important;
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
    background: none !important;
}

body.woocommerce-cart .checkout-breadcrumb .ct-3th,
body.woocommerce-checkout .checkout-breadcrumb .ct-3th,
body.woocommerce-order-received .checkout-breadcrumb .ct-3th,
body.woocommerce-cart .checkout-breadcrumb p,
body.woocommerce-checkout .checkout-breadcrumb p {
    display: none !important; /* menos ruido; el título alcanza */
}

body.woocommerce-cart .checkout-breadcrumb a,
body.woocommerce-checkout .checkout-breadcrumb a {
    color: inherit !important;
    text-decoration: none !important;
    display: block !important;
}

body.woocommerce-cart .checkout-breadcrumb a:hover .ct-2nd,
body.woocommerce-checkout .checkout-breadcrumb a:hover .ct-2nd,
body.woocommerce-cart .checkout-breadcrumb a:hover h4,
body.woocommerce-checkout .checkout-breadcrumb a:hover h4 {
    color: #f2f6ff !important;
}

/* Paso activo según página */
body.woocommerce-cart .checkout-breadcrumb .title-cart,
body.woocommerce-checkout .checkout-breadcrumb .title-checkout,
body.woocommerce-order-received .checkout-breadcrumb .title-thankyou {
    opacity: 1 !important;
}

body.woocommerce-cart .checkout-breadcrumb .title-cart .ct-2nd,
body.woocommerce-cart .checkout-breadcrumb .title-cart h4,
body.woocommerce-checkout .checkout-breadcrumb .title-checkout .ct-2nd,
body.woocommerce-checkout .checkout-breadcrumb .title-checkout h4,
body.woocommerce-order-received .checkout-breadcrumb .title-thankyou .ct-2nd,
body.woocommerce-order-received .checkout-breadcrumb .title-thankyou h4 {
    color: #f2f6ff !important;
    text-shadow: 0 0 12px rgba(90, 150, 255, 0.35);
}

body.woocommerce-cart .checkout-breadcrumb .title-cart .ct-1st,
body.woocommerce-checkout .checkout-breadcrumb .title-checkout .ct-1st,
body.woocommerce-order-received .checkout-breadcrumb .title-thankyou .ct-1st {
    color: var(--l2p-gold-bright, #e34a4a) !important;
}

/* Tipografía */
body.lineage2-banner-bg.woocommerce-cart h1,
body.lineage2-banner-bg.woocommerce-cart h2,
body.lineage2-banner-bg.woocommerce-cart h3,
body.lineage2-banner-bg.woocommerce-checkout h1,
body.lineage2-banner-bg.woocommerce-checkout h2,
body.lineage2-banner-bg.woocommerce-checkout h3,
body.lineage2-banner-bg.woocommerce-account h1,
body.lineage2-banner-bg.woocommerce-account h2 {
    font-family: 'Cinzel', Georgia, serif !important;
    color: var(--l2p-text) !important;
    letter-spacing: 0.06em;
}

body.lineage2-banner-bg.woocommerce-cart a,
body.lineage2-banner-bg.woocommerce-checkout a {
    color: var(--l2p-gold);
}

body.lineage2-banner-bg.woocommerce-cart a:hover,
body.lineage2-banner-bg.woocommerce-checkout a:hover {
    color: var(--l2p-gold-bright);
}

/* Tablas / formularios */
body.lineage2-banner-bg.woocommerce-cart table.shop_table,
body.lineage2-banner-bg.woocommerce-cart .cart-collaterals {
    background: #16181f !important;
    border: 1px solid rgba(209, 58, 58, 0.3) !important;
    color: var(--l2p-text) !important;
}

/* Checkout: OPACO + un solo marco (nunca rgba: el bleed se ve como marco blanco) */
body.lineage2-banner-bg.woocommerce-checkout table.shop_table,
body.lineage2-banner-bg.woocommerce-checkout #order_review,
body.lineage2-banner-bg.woocommerce-checkout .woocommerce-checkout-review-order,
body.lineage2-banner-bg.woocommerce-checkout .woocommerce-billing-fields,
body.lineage2-banner-bg.woocommerce-checkout .woocommerce-additional-fields {
    background: #0b0d12 !important;
    background-color: #0b0d12 !important;
    border: 2px solid #8e1717 !important;
    color: var(--l2p-text) !important;
    box-shadow: none !important;
}

body.lineage2-banner-bg.woocommerce-cart table.shop_table th,
body.lineage2-banner-bg.woocommerce-cart table.shop_table td,
body.lineage2-banner-bg.woocommerce-checkout table.shop_table th,
body.lineage2-banner-bg.woocommerce-checkout table.shop_table td {
    border-color: rgba(209, 58, 58, 0.2) !important;
    color: var(--l2p-text) !important;
    background: transparent !important;
}

body.lineage2-banner-bg.woocommerce-cart input.input-text,
body.lineage2-banner-bg.woocommerce-checkout input.input-text,
body.lineage2-banner-bg.woocommerce-checkout textarea,
body.lineage2-banner-bg.woocommerce-checkout select,
body.lineage2-banner-bg.woocommerce-checkout .select2-selection,
body.lineage2-banner-bg.woocommerce-account input.input-text {
    background: #0c0e14 !important;
    border: 1px solid rgba(209, 58, 58, 0.4) !important;
    color: var(--l2p-text) !important;
    border-radius: 2px !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.45) !important;
}

body.lineage2-banner-bg.woocommerce-checkout .select2-dropdown {
    background: #16181f !important;
    border: 1px solid rgba(209, 58, 58, 0.4) !important;
    color: var(--l2p-text) !important;
}

body.lineage2-banner-bg.woocommerce-checkout .select2-results__option {
    color: var(--l2p-text) !important;
}

body.lineage2-banner-bg.woocommerce-checkout .select2-results__option--highlighted {
    background: rgba(209, 58, 58, 0.18) !important;
    color: #fff !important;
}

/* ---------------------------------------------------------
   Selector de moneda (global Woo) — dark
   --------------------------------------------------------- */
body.lineage2-banner-bg .wSelect,
body.woocommerce-cart .wSelect,
body.woocommerce-checkout .wSelect,
body.single-product .wSelect {
    background: #0c0e14 !important;
    border: 1px solid rgba(209, 58, 58, 0.45) !important;
    border-radius: 2px !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.45) !important;
}

body.lineage2-banner-bg .wSelect-selected,
body.woocommerce-cart .wSelect-selected,
body.woocommerce-checkout .wSelect-selected,
body.single-product .wSelect-selected {
    background-color: transparent !important;
    color: #dedede !important;
    border-radius: 2px !important;
}

body.lineage2-banner-bg .wSelect-options,
body.woocommerce-cart .wSelect-options,
body.woocommerce-checkout .wSelect-options,
body.single-product .wSelect-options {
    background: #16181f !important;
    border: 1px solid rgba(209, 58, 58, 0.4) !important;
    border-radius: 2px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}

body.lineage2-banner-bg .wSelect-option-value,
body.woocommerce-cart .wSelect-option-value,
body.woocommerce-checkout .wSelect-option-value,
body.single-product .wSelect-option-value {
    background-color: transparent !important;
    color: #dedede !important;
    border-radius: 2px !important;
}

body.lineage2-banner-bg .wSelect-option:hover .wSelect-option-value,
body.woocommerce-cart .wSelect-option:hover .wSelect-option-value,
body.woocommerce-checkout .wSelect-option:hover .wSelect-option-value,
body.single-product .wSelect-option:hover .wSelect-option-value {
    background-color: rgba(209, 58, 58, 0.12) !important;
    color: #eeeeee !important;
}

body.lineage2-banner-bg .wSelect-option-selected .wSelect-option-value,
body.woocommerce-cart .wSelect-option-selected .wSelect-option-value,
body.woocommerce-checkout .wSelect-option-selected .wSelect-option-value,
body.single-product .wSelect-option-selected .wSelect-option-value {
    background-color: rgba(58, 95, 154, 0.35) !important;
    color: #f2f6ff !important;
}

body.lineage2-banner-bg .wSelect-arrow,
body.woocommerce-cart .wSelect-arrow,
body.woocommerce-checkout .wSelect-arrow,
body.single-product .wSelect-arrow {
    border-color: #6a9dff transparent transparent transparent !important;
}

/* ---------------------------------------------------------
   Botones Woo (mismo relieve que producto)
   --------------------------------------------------------- */
body.lineage2-banner-bg.woocommerce-cart .button,
body.lineage2-banner-bg.woocommerce-cart button.button,
body.lineage2-banner-bg.woocommerce-cart input.button,
body.lineage2-banner-bg.woocommerce-cart a.checkout-button,
body.lineage2-banner-bg.woocommerce-cart .wc-proceed-to-checkout a.button,
body.lineage2-banner-bg.woocommerce-checkout .button,
body.lineage2-banner-bg.woocommerce-checkout button.button,
body.lineage2-banner-bg.woocommerce-checkout #place_order,
body.lineage2-banner-bg.woocommerce-checkout button#place_order,
body.lineage2-banner-bg.woocommerce-account .button,
body.lineage2-banner-bg.post-type-archive-product .button,
body.lineage2-banner-bg.post-type-archive-product a.button {
    font-family: 'Cinzel', Georgia, serif !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    min-height: 40px !important;
    padding: 0.5rem 1.25rem !important;
    border-radius: 2px !important;
    border: 1px solid rgba(150, 195, 255, 0.55) !important;
    color: #f2f6ff !important;
    background:
        linear-gradient(180deg, rgba(90, 130, 200, 0.55) 0%, rgba(28, 48, 88, 0.98) 42%, rgba(10, 16, 32, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(200, 225, 255, 0.35),
        inset 0 -2px 0 rgba(0, 0, 0, 0.45),
        0 4px 0 rgba(0, 0, 0, 0.35),
        0 0 16px rgba(60, 120, 220, 0.25) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
    transition: border-color 250ms ease, box-shadow 250ms ease, background 250ms ease, transform 250ms ease !important;
}

body.lineage2-banner-bg.woocommerce-cart a.checkout-button,
body.lineage2-banner-bg.woocommerce-cart .wc-proceed-to-checkout a.button,
body.lineage2-banner-bg.woocommerce-checkout #place_order {
    border-color: rgba(180, 210, 255, 0.75) !important;
    background:
        linear-gradient(180deg, rgba(110, 155, 230, 0.65) 0%, rgba(36, 64, 120, 0.98) 45%, rgba(8, 14, 28, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(220, 235, 255, 0.4),
        inset 0 -2px 0 rgba(0, 0, 0, 0.5),
        0 5px 0 rgba(0, 0, 0, 0.4),
        0 0 22px rgba(70, 140, 255, 0.35) !important;
}

body.lineage2-banner-bg.woocommerce-cart .button:hover,
body.lineage2-banner-bg.woocommerce-cart a.checkout-button:hover,
body.lineage2-banner-bg.woocommerce-checkout .button:hover,
body.lineage2-banner-bg.woocommerce-checkout #place_order:hover {
    border-color: rgba(200, 225, 255, 0.95) !important;
    background:
        linear-gradient(180deg, rgba(130, 175, 255, 0.72) 0%, rgba(48, 80, 140, 1) 45%, rgba(12, 20, 40, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(230, 240, 255, 0.5),
        0 0 28px rgba(90, 160, 255, 0.5) !important;
    transform: translateY(-1px);
    color: #fff !important;
}

/* Destello en miniaturas del carrito */
body.lineage2-banner-bg.woocommerce-cart .l2p-coin-stage,
body.lineage2-banner-bg.woocommerce-checkout .l2p-coin-stage {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.45)) drop-shadow(0 0 12px rgba(209, 58, 58, 0.25));
}

body.lineage2-banner-bg.woocommerce-cart .l2p-coin-shine,
body.lineage2-banner-bg.woocommerce-checkout .l2p-coin-shine {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    border-radius: 4px;
    background: linear-gradient(
        115deg,
        transparent 30%,
        rgba(255, 255, 255, 0.08) 42%,
        rgba(255, 160, 160, 0.4) 50%,
        rgba(255, 255, 255, 0.08) 58%,
        transparent 70%
    );
    background-size: 220% 100%;
    animation: l2pCoinShine 7.5s ease-in-out infinite;
    mix-blend-mode: soft-light;
}

@keyframes l2pCoinShine {
    0%, 70%, 100% { background-position: -120% 0; }
    85% { background-position: 220% 0; }
}

@media (max-width: 767px) {
    body.lineage2-banner-bg.woocommerce-cart .l2p-panel-shell,
    body.lineage2-banner-bg.woocommerce-checkout .l2p-panel-shell {
        margin-top: 0.75rem;
        width: calc(100% - 1rem);
        padding: 0.75rem;
    }

    body.lineage2-banner-bg.woocommerce-cart #main-content,
    body.lineage2-banner-bg.woocommerce-checkout #main-content,
    body.lineage2-banner-bg.woocommerce-order-received #main-content {
        padding-top: 9.75rem !important;
    }

    body.admin-bar.lineage2-banner-bg.woocommerce-cart #main-content,
    body.admin-bar.lineage2-banner-bg.woocommerce-checkout #main-content {
        padding-top: 11rem !important;
    }

    body.woocommerce-cart .checkout-breadcrumb,
    body.woocommerce-checkout .checkout-breadcrumb {
        padding: 0.65rem 0.2rem !important;
    }

    body.woocommerce-cart .checkout-breadcrumb .ct-1st,
    body.woocommerce-checkout .checkout-breadcrumb .ct-1st,
    body.woocommerce-cart .checkout-breadcrumb h3,
    body.woocommerce-checkout .checkout-breadcrumb h3 {
        font-size: 0.95rem !important;
    }

    body.woocommerce-cart .checkout-breadcrumb .ct-2nd,
    body.woocommerce-checkout .checkout-breadcrumb .ct-2nd,
    body.woocommerce-cart .checkout-breadcrumb h4,
    body.woocommerce-checkout .checkout-breadcrumb h4 {
        font-size: 0.55rem !important;
        letter-spacing: 0.04em !important;
    }
}

/* =========================================================
   CHECKOUT — Fantasy MMORPG (Aion / L2)
   Solo apariencia. Sin cambiar layout, posiciones ni tamaños.
   ========================================================= */
body.lineage2-banner-bg.woocommerce-checkout {
    --l2co-bg: #0b0d12;
    --l2co-panel: #111827;
    --l2co-panel-alt: #11151c;
    --l2co-input: #0d1117;
    --l2co-gold: #c83232;
    --l2co-bronze: #8e1717;
    --l2co-text: #f2f2f2;
    --l2co-muted: #bdbdbd;
}

/* Textura sutil — fondo OPACO (rgba semitransparente = marco blanco sobre .light) */
body.lineage2-banner-bg.woocommerce-checkout .l2p-panel-shell,
body.lineage2-banner-bg.woocommerce-checkout form.checkout,
body.lineage2-banner-bg.woocommerce-checkout #customer_details,
body.lineage2-banner-bg.woocommerce-checkout .woocommerce-billing-fields,
body.lineage2-banner-bg.woocommerce-checkout .woocommerce-additional-fields {
    background-color: #0b0d12 !important;
    background-image:
        radial-gradient(ellipse at 20% 10%, rgba(200, 50, 50, 0.04), transparent 45%),
        radial-gradient(ellipse at 80% 90%, rgba(17, 24, 39, 0.35), transparent 50%),
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 3px,
            rgba(0, 0, 0, 0.035) 3px,
            rgba(0, 0, 0, 0.035) 4px
        ),
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 3px,
            rgba(255, 255, 255, 0.012) 3px,
            rgba(255, 255, 255, 0.012) 4px
        ),
        linear-gradient(#0b0d12, #0b0d12) !important;
    color: var(--l2co-text) !important;
}

body.lineage2-banner-bg.woocommerce-checkout .l2p-panel-shell {
    /* Checkout: caja OPACA (display:contents empeoraba el bleed del .light blanco) */
    display: block !important;
    background: #0b0d12 !important;
    background-color: #0b0d12 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 1.25rem auto 1.5rem !important;
    width: calc(100% - 2rem);
    max-width: 1000px;
    opacity: 1 !important;
}

/* Matar blancos del tema — OPACO, nunca transparent (transparent = se ve el #fff de .light) */
body.lineage2-banner-bg.woocommerce-checkout .woocommerce,
body.lineage2-banner-bg.woocommerce-checkout .woocommerce-checkout,
body.lineage2-banner-bg.woocommerce-checkout .col2-set,
body.lineage2-banner-bg.woocommerce-checkout .col-1,
body.lineage2-banner-bg.woocommerce-checkout .col-2,
body.lineage2-banner-bg.woocommerce-checkout .nasa-checkout-form,
body.lineage2-banner-bg.woocommerce-checkout form.checkout .row,
body.lineage2-banner-bg.woocommerce-checkout form.checkout .columns,
body.lineage2-banner-bg.woocommerce-checkout form.checkout .large-12,
body.lineage2-banner-bg.woocommerce-checkout form.checkout .large-5,
body.lineage2-banner-bg.woocommerce-checkout form.checkout .large-6,
body.lineage2-banner-bg.woocommerce-checkout form.checkout .large-7,
body.lineage2-banner-bg.woocommerce-checkout .payment_box,
body.lineage2-banner-bg.woocommerce-checkout #payment,
body.lineage2-banner-bg.woocommerce-checkout #payment div.payment_box,
body.lineage2-banner-bg.woocommerce-checkout ul.payment_methods,
body.lineage2-banner-bg.woocommerce-checkout .wc_payment_method,
body.lineage2-banner-bg.woocommerce-checkout .form-row,
body.lineage2-banner-bg.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.lineage2-banner-bg.woocommerce-checkout .elementor-widget-container,
body.lineage2-banner-bg.woocommerce-checkout .e-con,
body.lineage2-banner-bg.woocommerce-checkout .e-con-inner {
    background: #0b0d12 !important;
    background-color: #0b0d12 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--l2co-text) !important;
}

body.lineage2-banner-bg.woocommerce-checkout .woocommerce-info,
body.lineage2-banner-bg.woocommerce-checkout .woocommerce-message {
    background: rgba(17, 21, 28, 0.95) !important;
    border: 1px solid var(--l2co-bronze) !important;
    border-top-color: var(--l2co-gold) !important;
    color: var(--l2co-text) !important;
}

body.lineage2-banner-bg.woocommerce-checkout .woocommerce-error {
    background: rgba(40, 12, 12, 0.92) !important;
    border: 1px solid #8d2c2c !important;
    color: #f2f2f2 !important;
}

/* Caja superior: .bonus-summary */
body.woocommerce-checkout .bonus-summary .bonus-details,
body.lineage2-banner-bg.woocommerce-checkout .bonus-details {
    background: #11151c !important;
    border: 1px solid #c83232 !important;
    border-radius: 2px !important;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.85),
        inset 0 0 0 1px rgba(142, 23, 23, 0.4),
        inset 0 0 30px rgba(0, 0, 0, 0.5) !important;
}

body.woocommerce-checkout .bonus-summary .amount-label,
body.woocommerce-checkout .bonus-summary .bonus-label,
body.woocommerce-checkout .bonus-summary .total-label {
    color: #c83232 !important;
    font-family: Cinzel, Georgia, serif !important;
}

body.woocommerce-checkout .bonus-summary .amount-value,
body.woocommerce-checkout .bonus-summary .total-value {
    color: #f2f2f2 !important;
}

body.woocommerce-checkout .bonus-summary .bonus-value {
    color: #e34a4a !important;
}

body.woocommerce-checkout .bonus-summary .total-amount {
    border-top-color: #8e1717 !important;
}

/* Panel SU PEDIDO */
body.lineage2-banner-bg.woocommerce-checkout #order_review,
body.lineage2-banner-bg.woocommerce-checkout .woocommerce-checkout-review-order {
    background-color: #111827 !important;
    background-image:
        linear-gradient(180deg, rgba(17, 24, 39, 0.98) 0%, rgba(11, 13, 18, 0.98) 100%),
        repeating-linear-gradient(
            135deg,
            transparent,
            transparent 6px,
            rgba(0, 0, 0, 0.04) 6px,
            rgba(0, 0, 0, 0.04) 7px
        ) !important;
    border: 1px solid #c83232 !important;
    border-radius: 2px !important;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.9),
        inset 0 0 0 1px rgba(142, 23, 23, 0.35),
        inset 0 0 36px rgba(0, 0, 0, 0.55),
        0 12px 36px rgba(0, 0, 0, 0.45) !important;
    color: #f2f2f2 !important;
}

body.lineage2-banner-bg.woocommerce-checkout #order_review_heading,
body.lineage2-banner-bg.woocommerce-checkout .woocommerce-billing-fields > h3,
body.lineage2-banner-bg.woocommerce-checkout .woocommerce-additional-fields > h3,
body.lineage2-banner-bg.woocommerce-checkout #customer_details h3 {
    font-family: Cinzel, Georgia, serif !important;
    color: #c83232 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    background: linear-gradient(180deg, rgba(40, 18, 18, 0.95) 0%, rgba(17, 21, 28, 0.98) 55%, rgba(11, 13, 18, 0.98) 100%) !important;
    border: 1px solid #8e1717 !important;
    border-bottom-color: #c83232 !important;
    box-shadow: inset 0 1px 0 rgba(227, 74, 74, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
}

body.lineage2-banner-bg.woocommerce-checkout table.shop_table,
body.lineage2-banner-bg.woocommerce-checkout table.woocommerce-checkout-review-order-table {
    background: transparent !important;
    border: 1px solid rgba(200, 50, 50, 0.35) !important;
}

body.lineage2-banner-bg.woocommerce-checkout table.shop_table thead th,
body.lineage2-banner-bg.woocommerce-checkout table.shop_table tfoot th,
body.lineage2-banner-bg.woocommerce-checkout table.shop_table tfoot td {
    background: rgba(17, 21, 28, 0.95) !important;
    color: #c83232 !important;
    font-family: Cinzel, Georgia, serif !important;
    border-color: rgba(142, 23, 23, 0.45) !important;
}

body.lineage2-banner-bg.woocommerce-checkout table.shop_table td,
body.lineage2-banner-bg.woocommerce-checkout table.shop_table th {
    border-color: rgba(142, 23, 23, 0.35) !important;
    color: #f2f2f2 !important;
    background: transparent !important;
}

body.lineage2-banner-bg.woocommerce-checkout table.shop_table .amount,
body.lineage2-banner-bg.woocommerce-checkout table.shop_table .woocommerce-Price-amount {
    color: #e34a4a !important;
}

body.lineage2-banner-bg.woocommerce-checkout table.shop_table tfoot tr.order-total th,
body.lineage2-banner-bg.woocommerce-checkout table.shop_table tfoot tr.order-total td {
    border-top: 1px solid #c83232 !important;
}

body.lineage2-banner-bg.woocommerce-checkout label,
body.lineage2-banner-bg.woocommerce-checkout .form-row label {
    color: #c83232 !important;
    font-family: Cinzel, Georgia, serif !important;
}

body.lineage2-banner-bg.woocommerce-checkout .required {
    color: #e34a4a !important;
}

/* Inputs */
body.lineage2-banner-bg.woocommerce-checkout input.input-text,
body.lineage2-banner-bg.woocommerce-checkout input[type="text"],
body.lineage2-banner-bg.woocommerce-checkout input[type="email"],
body.lineage2-banner-bg.woocommerce-checkout input[type="tel"],
body.lineage2-banner-bg.woocommerce-checkout input[type="number"],
body.lineage2-banner-bg.woocommerce-checkout input[type="password"],
body.lineage2-banner-bg.woocommerce-checkout textarea,
body.lineage2-banner-bg.woocommerce-checkout select,
body.lineage2-banner-bg.woocommerce-checkout .select2-selection,
body.lineage2-banner-bg.woocommerce-checkout .select2-container--default .select2-selection--single {
    background: #0d1117 !important;
    background-color: #0d1117 !important;
    border: 1px solid #c83232 !important;
    border-radius: 2px !important;
    color: #f2f2f2 !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.55) !important;
    outline: none !important;
}

body.lineage2-banner-bg.woocommerce-checkout input::placeholder,
body.lineage2-banner-bg.woocommerce-checkout textarea::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
}

body.lineage2-banner-bg.woocommerce-checkout input.input-text:hover,
body.lineage2-banner-bg.woocommerce-checkout input[type="text"]:hover,
body.lineage2-banner-bg.woocommerce-checkout input[type="email"]:hover,
body.lineage2-banner-bg.woocommerce-checkout textarea:hover,
body.lineage2-banner-bg.woocommerce-checkout select:hover,
body.lineage2-banner-bg.woocommerce-checkout .select2-selection:hover {
    border-color: #e34a4a !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.55), 0 0 10px rgba(200, 50, 50, 0.35) !important;
}

body.lineage2-banner-bg.woocommerce-checkout input.input-text:focus,
body.lineage2-banner-bg.woocommerce-checkout input[type="text"]:focus,
body.lineage2-banner-bg.woocommerce-checkout input[type="email"]:focus,
body.lineage2-banner-bg.woocommerce-checkout textarea:focus,
body.lineage2-banner-bg.woocommerce-checkout select:focus,
body.lineage2-banner-bg.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single,
body.lineage2-banner-bg.woocommerce-checkout .select2-container--open .select2-selection {
    border-color: #e34a4a !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(227, 74, 74, 0.45), 0 0 16px rgba(200, 50, 50, 0.45) !important;
}

body.lineage2-banner-bg.woocommerce-checkout select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23c83232' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    padding-right: 2rem !important;
}

body.lineage2-banner-bg.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #f2f2f2 !important;
}

body.lineage2-banner-bg.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #c83232 transparent transparent transparent !important;
}

body.lineage2-banner-bg.woocommerce-checkout .select2-dropdown {
    background: #11151c !important;
    border: 1px solid #c83232 !important;
    color: #f2f2f2 !important;
}

body.lineage2-banner-bg.woocommerce-checkout .select2-results__option {
    color: #f2f2f2 !important;
    background: transparent !important;
}

body.lineage2-banner-bg.woocommerce-checkout .select2-results__option--highlighted,
body.lineage2-banner-bg.woocommerce-checkout .select2-results__option[aria-selected="true"] {
    background: rgba(200, 50, 50, 0.2) !important;
    color: #e34a4a !important;
}

body.lineage2-banner-bg.woocommerce-checkout .wSelect-arrow {
    border-color: #c83232 transparent transparent transparent !important;
}

/* Payment methods */
body.lineage2-banner-bg.woocommerce-checkout #payment {
    background: rgba(11, 13, 18, 0.92) !important;
    border: 1px solid rgba(200, 50, 50, 0.4) !important;
    border-radius: 2px !important;
}

body.lineage2-banner-bg.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid rgba(142, 23, 23, 0.45) !important;
}

body.lineage2-banner-bg.woocommerce-checkout #payment div.payment_box {
    background: #11151c !important;
    border: 1px solid rgba(200, 50, 50, 0.35) !important;
    color: #f2f2f2 !important;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.35) !important;
}

body.lineage2-banner-bg.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: #11151c !important;
}

body.lineage2-banner-bg.woocommerce-checkout #payment label,
body.lineage2-banner-bg.woocommerce-checkout .wc_payment_method label {
    color: #f2f2f2 !important;
}

/* Mercado Pago — CSS only */
body.lineage2-banner-bg.woocommerce-checkout .mp-checkout-custom-container,
body.lineage2-banner-bg.woocommerce-checkout .mp-checkout-container,
body.lineage2-banner-bg.woocommerce-checkout .mp-checkout-custom-card-form,
body.lineage2-banner-bg.woocommerce-checkout [class*="mp-checkout-custom"],
body.lineage2-banner-bg.woocommerce-checkout .payment_method_woo-mercado-pago-custom .payment_box,
body.lineage2-banner-bg.woocommerce-checkout .payment_method_woo-mercado-pago-basic .payment_box,
body.lineage2-banner-bg.woocommerce-checkout .payment_method_woo-mercado-pago-ticket .payment_box {
    background: #11151c !important;
    background-color: #11151c !important;
    border: 1px solid #c83232 !important;
    border-radius: 2px !important;
    box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.45) !important;
    color: #f2f2f2 !important;
}

body.lineage2-banner-bg.woocommerce-checkout .mp-checkout-custom-container input,
body.lineage2-banner-bg.woocommerce-checkout .mp-checkout-container input,
body.lineage2-banner-bg.woocommerce-checkout .mp-form-control,
body.lineage2-banner-bg.woocommerce-checkout .mp-input,
body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] input[type="text"],
body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] input[type="tel"],
body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] input[type="email"],
body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] input[type="number"],
body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] select,
body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] textarea {
    background: #0d1117 !important;
    background-color: #0d1117 !important;
    border: 1px solid #c83232 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
    border-radius: 2px !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] input::placeholder,
body.lineage2-banner-bg.woocommerce-checkout .mp-checkout-custom-container input::placeholder {
    color: #9ca3af !important;
}

body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] input:hover,
body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] select:hover {
    border-color: #e34a4a !important;
    box-shadow: 0 0 10px rgba(200, 50, 50, 0.35) !important;
}

body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] input:focus,
body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] select:focus {
    border-color: #e34a4a !important;
    box-shadow: 0 0 0 1px rgba(227, 74, 74, 0.45), 0 0 14px rgba(200, 50, 50, 0.4) !important;
    outline: none !important;
}

body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] label,
body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] span,
body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] p {
    color: #f2f2f2 !important;
}

body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] svg,
body.lineage2-banner-bg.woocommerce-checkout .mp-checkout-custom-container svg {
    filter: brightness(1.25) contrast(1.05) !important;
}

body.lineage2-banner-bg.woocommerce-checkout [class*="mp-"] select {
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23c83232' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
}

/* Botón Realizar el pedido */
body.lineage2-banner-bg.woocommerce-checkout #place_order,
body.lineage2-banner-bg.woocommerce-checkout button#place_order,
body.lineage2-banner-bg.woocommerce-checkout #payment #place_order {
    font-family: Cinzel, Georgia, serif !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #f2f2f2 !important;
    border: 1px solid #c83232 !important;
    border-radius: 2px !important;
    background: linear-gradient(180deg, rgba(70, 110, 180, 0.7) 0%, rgba(24, 40, 72, 0.98) 42%, rgba(8, 12, 24, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(200, 220, 255, 0.35),
        inset 0 -2px 0 rgba(0, 0, 0, 0.5),
        0 4px 0 rgba(0, 0, 0, 0.4),
        0 0 22px rgba(70, 140, 255, 0.4),
        0 0 8px rgba(200, 50, 50, 0.25) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;
}

body.lineage2-banner-bg.woocommerce-checkout #place_order:hover,
body.lineage2-banner-bg.woocommerce-checkout button#place_order:hover {
    border-color: #e34a4a !important;
    background: linear-gradient(180deg, rgba(100, 150, 230, 0.78) 0%, rgba(36, 60, 110, 1) 45%, rgba(10, 16, 32, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(230, 240, 255, 0.45),
        0 0 28px rgba(90, 160, 255, 0.55),
        0 0 12px rgba(227, 74, 74, 0.35) !important;
    color: #fff !important;
}

body.lineage2-banner-bg.woocommerce-checkout .character-suggestions {
    background: #11151c !important;
    border: 1px solid #c83232 !important;
    color: #f2f2f2 !important;
}

body.lineage2-banner-bg.woocommerce-checkout .character-suggestions div:hover {
    background: rgba(200, 50, 50, 0.15) !important;
    color: #e34a4a !important;
}

body.lineage2-banner-bg.woocommerce-checkout .woocommerce-privacy-policy-text,
body.lineage2-banner-bg.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
body.lineage2-banner-bg.woocommerce-checkout .woocommerce-form__label-for-checkbox span {
    color: #bdbdbd !important;
}

body.lineage2-banner-bg.woocommerce-checkout .woocommerce-privacy-policy-link {
    color: #c83232 !important;
}