/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

a {
    color: var(--e-global-color-primary);
}

a.elementor-button, a.add_to_cart_button, .wp-element-button, .single_add_to_cart_button, .woocommerce-form-coupon .button, #place_order, .button.submit-button {
    border: 2px solid var(--e-global-color-primary) !important;
	border-radius: 12px !important;
    box-shadow: 5px 5px 0px 0px var(--e-global-color-primary) !important;
    transition: all 0.2s ease-in-out !important;
	    border: 2px solid var(--e-global-color-primary) !important;
	background-color: var(--e-global-color-secondary);
	color: var(--e-global-color-primary);
}
.woocommerce div.product form.cart .button {
    background-color: var(--e-global-color-secondary);
}

a.elementor-button:hover, a.add_to_cart_button:hover, .wp-element-button:hover, .single_add_to_cart_button:hover, .woocommerce-form-coupon .button:hover, #place_order:hover, .button.submit-button:hover {
    box-shadow: 0px 0px 0px 0px var(--e-global-color-primary) !important;
    transform: translate(5px, 5px) !important;
}

a.elementor-button:active, a.add_to_cart_button:active, .wp-element-button:active, .single_add_to_cart_button:active,  .woocommerce-form-coupon .button:active, #place_order:active {
    transform: translate(6px, 6px) !important; 
}

.elementor-menu-cart__footer-buttons .elementor-button, .wc-block-cart__submit-button{
	    color: var(--e-global-color-text) !important;
    background-color: var(--e-global-color-accent) !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled] {
	background-color: var(--e-global-color-secondary);
	color: var(--e-global-color-primary);
	pointer-events: none;
}

/* Eliminar bordes innecesarios de las tablas de Woocommerce */
.woocommerce-checkout table.shop_table {
    border: none !important;
}

/* Estilo de los inputs para que se parezcan a tu imagen */
.woocommerce-checkout .form-row input.input-text, 
.woocommerce-checkout .form-row select {
    border: 1px solid #777 !important;
    border-radius: 4px !important;
    padding: 12px !important;
}

/* Ocultar el título repetido del resumen si aparece */
.herbaria-col-summary .shop_table thead {
    display: none;
}


/* Tabla de productos */
.herbaria-modern-cart table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.herbaria-modern-cart tr.cart_item td { border: none; vertical-align: middle; }

/* Imagen y Badge */
.img-container { position: relative; width: 64px; height: 64px; }
.img-container img { 
    width: 100%; height: 100%; object-fit: cover; 
    border-radius: 8px; border: 1px solid #e5e5e5; 
}
.qty-badge {
    position: absolute; top: -8px; right: -8px;
    background: var(--e-global-color-primary); color: white;
    width: 20px; height: 20px; border-radius: 50%;
    font-size: 11px; display: flex; align-items: center; justify-content: center;
}

/* Textos de producto */
.product-info { padding-left: 15px !important; }
.p-name { display: block; font-weight: 500; font-size: 14px; color: var(--e-global-color-primary); }
.p-meta { font-size: 12px; color: #737373; }
.product-total-price { text-align: right; font-size: 14px; font-weight: 500; color: var(--e-global-color-primary); }

/* Totales */
.herbaria-summary-totals { margin-top: 20px; }
.total-row { 
    display: flex; justify-content: space-between; 
        margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ebebeb; font-size: 14px; color: color: var(--e-global-color-primary);
}
.main-total { 
    margin-top: 15px; padding: 15px 0; border-top: 1px solid #ebebeb;
    font-size: 18px; color: var(--e-global-color-primary);
}

.woocommerce-terms-and-conditions-wrapper {
	font-size: 14px;
}

#place_order {
	width: 100%;
}