/* =================================================================
   DISEÑO DEFINITIVO Y COMPLETO v3 (CON SELECTOR DE ID REFORZADO)
   Incluye: Checkout, Carrito y Mini-Carrito.
   ================================================================= */

/* --- 1. Configuración General y Variables --- */

:root {
  --color-verde-principal: #8BC34A;
  --color-verde-hover: #7CB342;
  --color-borde-suave: #D8E9C3;
  --color-texto-oscuro: #19161d;
  --color-blanco: #ffffff;
  --fuente-principal: "Roboto", sans-serif;
}

/* =================================================================
   ESTILOS PARA LA PÁGINA DE PAGO (CHECKOUT)
   ================================================================= */

body.woocommerce-checkout .wc-block-checkout {
    font-family: var(--fuente-principal) !important;
}
body.woocommerce-checkout h2,
body.woocommerce-checkout h3 {
    border-bottom: 2px solid var(--color-verde-principal) !important;
}
body.woocommerce-checkout .form-row .input-text,
body.woocommerce-checkout .wc-block-components-text-input input {
    border: 1px solid var(--color-borde-suave) !important;
    background-color: var(--color-blanco) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    padding: 12px !important;
}
body.woocommerce-checkout .form-row .input-text:focus,
body.woocommerce-checkout .wc-block-components-text-input input:focus {
    border-color: var(--color-verde-principal) !important;
    outline: none !important;
    box-shadow: 0 0 5px rgba(139, 195, 74, 0.5) !important;
}
body.woocommerce-checkout #payment ul.payment_methods {
    border: 1px solid var(--color-borde-suave) !important;
    background-color: var(--color-blanco) !important;
    border-radius: 8px !important;
    padding: 1.5em !important;
}

/* =================================================================
   CAMBIO FINAL Y DEFINITIVO PARA EL BOTÓN DE PAGO
   ================================================================= */
body.woocommerce-checkout #payment #place_order,
body.woocommerce-checkout .wc-block-components-button {
    background-color: var(--color-verde-principal) !important;
    color: var(--color-blanco) !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: var(--fuente-principal) !important;
    font-weight: bold !important;
    padding: 15px 20px !important;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
    width: 100% !important;
}
body.woocommerce-checkout #payment #place_order:hover,
body.woocommerce-checkout .wc-block-components-button:hover {
    background-color: var(--color-verde-hover) !important;
}

/* =================================================================
   ESTILOS PARA LA PÁGINA DEL CARRITO (CART)
   ================================================================= */

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: var(--color-verde-principal) !important;
    border: none !important;
    border-radius: 8px !important;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: var(--color-verde-hover) !important;
}
body.woocommerce-cart .button,
body.woocommerce-cart button[name="apply_coupon"] {
    border: 2px solid var(--color-verde-principal) !important;
    color: var(--color-verde-principal) !important;
    background-color: transparent !important;
    border-radius: 8px !important;
}
body.woocommerce-cart .button:hover,
body.woocommerce-cart button[name="apply_coupon"]:hover {
    background-color: var(--color-verde-principal) !important;
    color: var(--color-blanco) !important;
}
body.woocommerce-cart .input-text {
    border: 1px solid var(--color-borde-suave) !important;
    border-radius: 8px !important;
}

/* =================================================================
   ESTILOS PARA BOTONES DEL PREVIEW CART (MINI-CARRITO)
   ================================================================= */

.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__buttons a.button {
    background-color: transparent !important;
    color: var(--color-verde-principal) !important;
    border: 2px solid var(--color-verde-principal) !important;
    border-radius: 8px !important;
}
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__buttons a.button:hover {
    background-color: var(--color-verde-principal) !important;
    color: var(--color-blanco) !important;
}
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__buttons a.elementor-button--checkout {
    background-color: var(--color-verde-principal) !important;
    border: 2px solid var(--color-verde-principal) !important;
    color: var(--color-blanco) !important;
}
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__buttons a.elementor-button--checkout:hover {
    background-color: var(--color-verde-hover) !important;
    border-color: var(--color-verde-hover) !important;
}