/* 
 * @tag: cro-v1.4 – CSS OVERRIDE - MÁXIMA ESPECIFICIDAD
 * Este archivo tiene la máxima especificidad para sobrescribir el template padre
 */

/* OVERRIDE: Botones PDP con máxima especificidad */
html body.woocommerce-page .single_add_to_cart_button,
html body.woocommerce-page .add_to_cart_button,
html body.woocommerce-page .woocommerce .single_add_to_cart_button,
html body.woocommerce-page .woocommerce .add_to_cart_button,
html body.woocommerce .single_add_to_cart_button,
html body.woocommerce .add_to_cart_button,
html .woocommerce-page .single_add_to_cart_button,
html .woocommerce-page .add_to_cart_button,
html .woocommerce .single_add_to_cart_button,
html .woocommerce .add_to_cart_button {
    background: #1DD390 !important;
    color: white !important;
    border: none !important;
    border-radius: 200px !important;
    padding: 12px 28px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    min-width: 140px !important;
    box-shadow: 0 4px 12px rgba(29, 211, 144, 0.3) !important;
}

html body.woocommerce-page .single_add_to_cart_button:hover,
html body.woocommerce-page .add_to_cart_button:hover,
html body.woocommerce-page .woocommerce .single_add_to_cart_button:hover,
html body.woocommerce-page .woocommerce .add_to_cart_button:hover,
html body.woocommerce .single_add_to_cart_button:hover,
html body.woocommerce .add_to_cart_button:hover,
html .woocommerce-page .single_add_to_cart_button:hover,
html .woocommerce-page .add_to_cart_button:hover,
html .woocommerce .single_add_to_cart_button:hover,
html .woocommerce .add_to_cart_button:hover {
    background: #17a085 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(29, 211, 144, 0.4) !important;
}

/* OVERRIDE: Botones Catálogo con máxima especificidad */
html body.woocommerce-page .woocommerce .products .product .add_to_cart_button,
html body.woocommerce-page .woocommerce .products .product .single_add_to_cart_button,
html body.woocommerce-page .woocommerce .products .product .button,
html body.woocommerce-page .woocommerce .products .product a.button,
html body.woocommerce-page .woocommerce-loop-product__link .add_to_cart_button,
html body.woocommerce .woocommerce .products .product .add_to_cart_button,
html body.woocommerce .woocommerce .products .product .single_add_to_cart_button,
html body.woocommerce .woocommerce .products .product .button,
html body.woocommerce .woocommerce .products .product a.button,
html body.woocommerce .woocommerce-loop-product__link .add_to_cart_button,
html .woocommerce-page .woocommerce .products .product .add_to_cart_button,
html .woocommerce-page .woocommerce .products .product .single_add_to_cart_button,
html .woocommerce-page .woocommerce .products .product .button,
html .woocommerce-page .woocommerce .products .product a.button,
html .woocommerce-page .woocommerce-loop-product__link .add_to_cart_button,
html .woocommerce .products .product .add_to_cart_button,
html .woocommerce .products .product .single_add_to_cart_button,
html .woocommerce .products .product .button,
html .woocommerce .products .product a.button,
html .woocommerce-loop-product__link .add_to_cart_button {
    background: white !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 200px !important;
    padding: 12px 28px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    min-width: 120px !important;
}

html body.woocommerce-page .woocommerce .products .product .add_to_cart_button:hover,
html body.woocommerce-page .woocommerce .products .product .single_add_to_cart_button:hover,
html body.woocommerce-page .woocommerce .products .product .button:hover,
html body.woocommerce-page .woocommerce .products .product a.button:hover,
html body.woocommerce-page .woocommerce-loop-product__link .add_to_cart_button:hover,
html body.woocommerce .woocommerce .products .product .add_to_cart_button:hover,
html body.woocommerce .woocommerce .products .product .single_add_to_cart_button:hover,
html body.woocommerce .woocommerce .products .product .button:hover,
html body.woocommerce .woocommerce .products .product a.button:hover,
html body.woocommerce .woocommerce-loop-product__link .add_to_cart_button:hover,
html .woocommerce-page .woocommerce .products .product .add_to_cart_button:hover,
html .woocommerce-page .woocommerce .products .product .single_add_to_cart_button:hover,
html .woocommerce-page .woocommerce .products .product .button:hover,
html .woocommerce-page .woocommerce .products .product a.button:hover,
html .woocommerce-page .woocommerce-loop-product__link .add_to_cart_button:hover,
html .woocommerce .products .product .add_to_cart_button:hover,
html .woocommerce .products .product .single_add_to_cart_button:hover,
html .woocommerce .products .product .button:hover,
html .woocommerce .products .product a.button:hover,
html .woocommerce-loop-product__link .add_to_cart_button:hover {
    background: #000 !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* OVERRIDE: Botones Checkout con máxima especificidad */
html body.woocommerce-page .checkout-button,
html body.woocommerce-page .woocommerce .checkout-button,
html body.woocommerce-page .wc-forward,
html body.woocommerce-page .woocommerce .place-order .button,
html body.woocommerce-page .woocommerce-checkout .place-order .button,
html body.woocommerce .checkout-button,
html body.woocommerce .woocommerce .checkout-button,
html body.woocommerce .wc-forward,
html body.woocommerce .woocommerce .place-order .button,
html body.woocommerce .woocommerce-checkout .place-order .button,
html .woocommerce-page .checkout-button,
html .woocommerce-page .woocommerce .checkout-button,
html .woocommerce-page .wc-forward,
html .woocommerce-page .woocommerce .place-order .button,
html .woocommerce-page .woocommerce-checkout .place-order .button,
html .woocommerce .checkout-button,
html .woocommerce .woocommerce .checkout-button,
html .woocommerce .wc-forward,
html .woocommerce .woocommerce .place-order .button,
html .woocommerce .woocommerce-checkout .place-order .button {
    background: #1DD390 !important;
    color: white !important;
    border: none !important;
    border-radius: 200px !important;
    padding: 12px 28px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: block !important;
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    box-shadow: 0 4px 12px rgba(29, 211, 144, 0.3) !important;
}

html body.woocommerce-page .checkout-button:hover,
html body.woocommerce-page .woocommerce .checkout-button:hover,
html body.woocommerce-page .wc-forward:hover,
html body.woocommerce-page .woocommerce .place-order .button:hover,
html body.woocommerce-page .woocommerce-checkout .place-order .button:hover,
html body.woocommerce .checkout-button:hover,
html body.woocommerce .woocommerce .checkout-button:hover,
html body.woocommerce .wc-forward:hover,
html body.woocommerce .woocommerce .place-order .button:hover,
html body.woocommerce .woocommerce-checkout .place-order .button:hover,
html .woocommerce-page .checkout-button:hover,
html .woocommerce-page .woocommerce .checkout-button:hover,
html .woocommerce-page .wc-forward:hover,
html .woocommerce-page .woocommerce .place-order .button:hover,
html .woocommerce-page .woocommerce-checkout .place-order .button:hover,
html .woocommerce .checkout-button:hover,
html .woocommerce .woocommerce .checkout-button:hover,
html .woocommerce .wc-forward:hover,
html .woocommerce .woocommerce .place-order .button:hover,
html .woocommerce .woocommerce-checkout .place-order .button:hover {
    background: #17a085 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(29, 211, 144, 0.4) !important;
}

/* @tag: cro-v1.4 – Botón "Ver carrito" - Estilo más sutil - MÁXIMA ESPECIFICIDAD */
html body.woocommerce-page .woocommerce .products .product .added_to_cart,
html body.woocommerce-page .woocommerce .products .product a.added_to_cart,
html body.woocommerce-page .woocommerce .products .product .wc-forward,
html body.woocommerce-page .woocommerce .products .product a.wc-forward,
html body.woocommerce .woocommerce .products .product .added_to_cart,
html body.woocommerce .woocommerce .products .product a.added_to_cart,
html body.woocommerce .woocommerce .products .product .wc-forward,
html body.woocommerce .woocommerce .products .product a.wc-forward {
    background: #f8f9fa !important;
    color: #6c757d !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 200px !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    min-width: 100px !important;
    box-shadow: none !important;
    opacity: 0.8 !important;
}

html body.woocommerce-page .woocommerce .products .product .added_to_cart:hover,
html body.woocommerce-page .woocommerce .products .product a.added_to_cart:hover,
html body.woocommerce-page .woocommerce .products .product .wc-forward:hover,
html body.woocommerce-page .woocommerce .products .product a.wc-forward:hover,
html body.woocommerce .woocommerce .products .product .added_to_cart:hover,
html body.woocommerce .woocommerce .products .product a.added_to_cart:hover,
html body.woocommerce .woocommerce .products .product .wc-forward:hover,
html body.woocommerce .woocommerce .products .product a.wc-forward:hover {
    background: #e9ecef !important;
    color: #495057 !important;
    transform: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

/* @tag: cro-v1.4 – Botones catálogo - MÁXIMA ESPECIFICIDAD para forzar manual corporativo */
html body.woocommerce-page .woocommerce .products .product .add_to_cart_button,
html body.woocommerce-page .woocommerce .products .product .single_add_to_cart_button,
html body.woocommerce-page .woocommerce .products .product .button,
html body.woocommerce-page .woocommerce .products .product a.button,
html body.woocommerce-page .woocommerce-loop-product__link .add_to_cart_button,
html body.woocommerce .woocommerce .products .product .add_to_cart_button,
html body.woocommerce .woocommerce .products .product .single_add_to_cart_button,
html body.woocommerce .woocommerce .products .product .button,
html body.woocommerce .woocommerce .products .product a.button,
html body.woocommerce .woocommerce-loop-product__link .add_to_cart_button {
    background: white !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 200px !important;
    padding: 12px 28px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    min-width: 120px !important;
}

html body.woocommerce-page .woocommerce .products .product .add_to_cart_button:hover,
html body.woocommerce-page .woocommerce .products .product .single_add_to_cart_button:hover,
html body.woocommerce-page .woocommerce .products .product .button:hover,
html body.woocommerce-page .woocommerce .products .product a.button:hover,
html body.woocommerce-page .woocommerce-loop-product__link .add_to_cart_button:hover,
html body.woocommerce .woocommerce .products .product .add_to_cart_button:hover,
html body.woocommerce .woocommerce .products .product .single_add_to_cart_button:hover,
html body.woocommerce .woocommerce .products .product .button:hover,
html body.woocommerce .woocommerce .products .product a.button:hover,
html body.woocommerce .woocommerce-loop-product__link .add_to_cart_button:hover {
    background: #000 !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* @tag: cro-v1.4 – Forzar box-shadow: none en botones catálogo */
html body.woocommerce-page .woocommerce .products .product .add_to_cart_button,
html body.woocommerce-page .woocommerce .products .product .single_add_to_cart_button,
html body.woocommerce-page .woocommerce .products .product .button,
html body.woocommerce-page .woocommerce .products .product a.button,
html body.woocommerce-page .woocommerce-loop-product__link .add_to_cart_button,
html body.woocommerce .woocommerce .products .product .add_to_cart_button,
html body.woocommerce .woocommerce .products .product .single_add_to_cart_button,
html body.woocommerce .woocommerce .products .product .button,
html body.woocommerce .woocommerce .products .product a.button,
html body.woocommerce .woocommerce-loop-product__link .add_to_cart_button {
    box-shadow: none !important;
}