.elementor-1002 .elementor-element.elementor-element-12e76f65{--display:flex;}.elementor-1002 .elementor-element.elementor-element-4007da4e{color:#FFFFFF;}.elementor-1002 .elementor-element.elementor-element-4007da4e a{color:#CFCFCF;}.elementor-1002 .elementor-element.elementor-element-4007da4e a:hover, .elementor-1002 .elementor-element.elementor-element-4007da4e a:focus{color:#FF00B7;}/* Start custom CSS for text-editor, class: .elementor-element-4007da4e *//* ==========================================
   ESTILOS CARRITO Y CHECKOUT - PEPKITS / DARK MODE
   ========================================== */

/* 1. Textos y cabeceras de la tabla en blanco */
.woocommerce-cart-form__cart-item th,
.shop_table th,
th.product-name,
th.product-quantity,
th.product-subtotal,
.cart-discount th,
.cart-subtotal th,
.cart_totals h2,
.woocommerce-cart label,
.woocommerce-checkout label {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* 2. Campo de entrada para Código de Cupón (Fondo Negro + Borde Fucsia) */
.woocommerce-cart input#coupon_code,
.woocommerce-checkout input#coupon_code,
.woocommerce .coupon input.input-text {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ff007f !important;
    border-radius: 4px !important;
}

/* Placeholder del cupón (texto de sugerencia en gris claro) */
.woocommerce-cart input#coupon_code::placeholder {
    color: #a0a0a0 !important;
}

/* 3. Borde Fucsia y Fondo Transparente/Negro en la Cantidad (- 1 +) */
.woocommerce .quantity .qty,
.woocommerce div.product form.cart .quantity,
.woocommerce-cart table.cart td.product-quantity .quantity,
.woocommerce .quantity input.qty {
    border: 1px solid #ff007f !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* 4. Botón Apply Coupon en Fucsia */
.woocommerce button.button[name="apply_coupon"],
.woocommerce input.button[name="apply_coupon"] {
    background-color: #ff007f !important;
    color: #ffffff !important;
    border: none !important;
}

/* 5. Botón Proceed to Checkout en Fucsia */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #ff007f !important;
    color: #ffffff !important;
    border: none !important;
}

/* 6. Enlaces secundarios (como Change Address) */
a.shipping-calculator-button {
    color: #ff007f !important;
}

/* 7. Efecto Hover al pasar el mouse por los botones */
.woocommerce button.button[name="apply_coupon"]:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce a.button.alt:hover {
    background-color: #e00070 !important;
    color: #ffffff !important;
}/* End custom CSS */