/* --- WOOCOMMERCE CART & CHECKOUT (BLOCKS) --- */

/* 1. Botón Principal "Finalizar Compra" (Proceed to Checkout) y similares */
.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wp-block-woocommerce-cart .wc-block-components-checkout-button,
.wc-block-cart .wc-block-cart__submit-button,
.wc-block-checkout .wc-block-components-checkout-button,
.wc-block-components-button.wc-block-cart__submit-button,
.wc-block-components-button {
    background-color: var(--color-primary) !important;
    color: var(--color-black) !important;
    border-radius: 6px !important;
    border: none !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    transition: all 0.3s ease !important;
    padding: 15px 25px !important;
    text-decoration: none !important;
}

.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,
.wp-block-woocommerce-cart .wc-block-components-checkout-button:hover,
.wc-block-cart .wc-block-cart__submit-button:hover,
.wc-block-checkout .wc-block-components-checkout-button:hover,
.wc-block-components-button.wc-block-cart__submit-button:hover,
.wc-block-components-button:hover {
    background-color: var(--color-tertiary) !important;
    color: var(--color-carbon) !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* Evitar que modifique a los botones secundarios (como enlaces simples o cantidad) */
.wc-block-components-button.is-link {
    background: transparent !important;
    color: var(--color-primary) !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2. Inputs, Selects y Textareas del Cart y Checkout Blocks */
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input__input,
.wc-block-components-totals-coupon__input,
.wc-block-components-textarea,
.wc-block-components-select-input,
.wc-block-components-combobox-control input,
.components-combobox-control input,
.wc-block-checkout select {
    background-color: var(--color-black) !important;
    color: var(--color-white) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 6px !important;
}
.wc-blocks-components-select__container {
    background: none !important;
}

.wc-block-components-text-input input[type="text"]:focus,
.wc-block-components-text-input input[type="email"]:focus,
.wc-block-components-text-input input[type="tel"]:focus,
.wc-block-components-text-input__input:focus,
.wc-block-components-totals-coupon__input:focus,
.wc-block-components-textarea:focus,
.wc-block-components-select-input:focus,
.wc-block-components-combobox-control input:focus,
.components-combobox-control input:focus,
.wc-block-checkout select:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 5px rgba(216, 200, 94, 0.3) !important;
    outline: none !important;
}

/* 3. Badge de cantidad en el Resumen del Pedido (Checkout) */
.wc-block-components-order-summary-item__quantity {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.wc-block-components-order-summary-item__quantity span {
    color: var(--color-black) !important;
}

/* 4. Avisos y errores nativos de los Bloques (Ej: Rechazo Webpay) */
.wc-block-components-notices .wc-block-components-notice-banner,
.wc-block-components-notices .wc-block-components-notice-banner.is-error {
    background-color: transparent !important;
    color: var(--color-white) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-top: 3px solid #ff4a4a !important; /* Rojo error */
    margin-bottom: 20px !important;
}

/* Color del ícono de error en los bloques */
.wc-block-components-notices .wc-block-components-notice-banner.is-error svg {
    fill: #ff4a4a !important;
    color: #ff4a4a !important;
}

}