:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Yantramanav", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Yantramanav", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: "Yantramanav", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(209,44,44);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(209,44,44);
	--btn-accented-bgcolor-hover: rgb(191,40,40);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(30,115,190);
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(55,56,57);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(217,217,214);
}

/* Resaltar checkbox de dirección de envío diferente */
#ship-to-different-address label {
    font-size: 22px !important;
    font-weight: bold !important;
    color: #d93932 !important;
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 8px;
    display: inline-block;
    width: 100%;
}

/* Hace la cajita del visto (checkbox) un poco más grande */
#ship-to-different-address input[type="checkbox"] {
    transform: scale(1.5);
    margin-right: 15px;
}
.woocommerce-variation-price { display: none !important; }
/* ==========================================================
   1. Ocultar el campo / espacio residual del lado izquierdo
   ========================================================== */
#customer_details [id*="delivery"],
#customer_details [id*="entrega"],
.woocommerce-billing-fields [id*="delivery"],
.woocommerce-billing-fields [id*="entrega"],
.woocommerce-billing-fields .form-row:empty {
    display: none !important;
}

/* ==========================================================
   2. Sección de entrega en el lado derecho (SIN bordes punteados)
   ========================================================== */
#order_review [id*="delivery"],
#order_review [id*="entrega"],
#order_review p:has(input[placeholder*="entrega"]),
#order_review div:has(input[placeholder*="entrega"]) {
    background-color: #fff5f5 !important; /* Fondo suave para destacar */
    border: none !important;              /* Retira los bordes punteados */
    border-radius: 8px !important;
    padding: 14px 16px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

/* 3. Título con ícono de calendario */
#order_review label[for*="delivery"],
#order_review label[for*="entrega"],
#order_review [id*="delivery"] label,
#order_review [id*="entrega"] label {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #d93932 !important;
    display: block !important;
    margin-bottom: 8px !important;
}

#order_review label[for*="delivery"]::before,
#order_review label[for*="entrega"]::before,
#order_review [id*="delivery"] label::before,
#order_review [id*="entrega"] label::before {
    content: "📅 " !important;
}

/* 4. Campo de selección (mantiene el borde rojo nítido) */
#order_review input[placeholder*="entrega"],
#order_review input[placeholder*="Entrega"],
#order_review input[name*="delivery"],
#order_review [id*="delivery"] input,
#order_review [id*="entrega"] input {
    border: 2px solid #d93932 !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #333333 !important;
    box-shadow: 0 2px 5px rgba(217, 57, 50, 0.12) !important;
}

/* 5. Texto de aclaración inferior */
#order_review [id*="delivery"] .description,
#order_review [id*="entrega"] .description,
#order_review [id*="delivery"] small,
#order_review [id*="entrega"] small,
#order_review p:has(input[placeholder*="entrega"]) small {
    color: #666666 !important;
    font-size: 13px !important;
    margin-top: 6px !important;
    display: block !important;
}
/* ==========================================================
   1. DESACTIVAR EL BLOQUEO DE WOODMART (overflow)
   Permite que el navegador reconozca el scroll para elementos sticky
   ========================================================== */
.woocommerce-checkout,
.woocommerce-checkout .website-wrapper,
.woocommerce-checkout .main-page-wrapper,
.woocommerce-checkout .content-layout-wrapper,
.woocommerce-checkout .site-content {
    overflow: visible !important;
}

/* ==========================================================
   2. FIJAR LA COLUMNA DE 'TU PEDIDO' AL HACER SCROLL
   ========================================================== */
@media (min-width: 992px) {
    /* El formulario define el riel completo de desplazamiento */
    .woocommerce-checkout form.checkout {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    /* Columna derecha completa (Título 'TU PEDIDO', tabla y botón) */
    .woocommerce-checkout form.checkout > [class*="col-"]:last-of-type,
    .woocommerce-checkout form.checkout > div:last-child {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 120px !important;            /* Margen para no tapar con el menú superior */
        align-self: flex-start !important; /* Vital: permite que baje dentro de la columna */
        z-index: 30 !important;
    }
}
/* Poner en color rojo el título "Nuestros detalles bancarios" */
.woocommerce-bacs-bank-details h2,
.wc-bacs-bank-details-heading,
.woocommerce-order-received .woocommerce-bacs-bank-details h2 {
    color: #d32f2f !important; /* Puedes cambiar este código hex por el rojo exacto de tu marca */
}