/* 
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 */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--colorViolet:  #57304d;
	--colorGreen: #00662e;
	--fontPrimary: "Roboto Condensed", sans-serif;
}

.woocommerce a.added_to_cart {
	display: none !important;
}

button.single_add_to_cart_button.elementor-button.button.alt.added {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after {
	font-size: 0.8rem !important;
}

.woocommerce div.product form.cart {
    display: flex;
    align-items: center;
    justify-content: space-around;
	margin-bottom: 0px !important;
}

.qib-button-wrapper .quantity input.input-text.qty.text {
    border-radius: 0px !important;
}

/* ===== CARD ===== */
.woocommerce ul.products li.product {
	/*background-image: url('http://localhost/hfrut/wp-content/uploads/2026/01/bg_img_producto_tienda.webp');*/
	background-image: url('/wp-content/uploads/2026/01/bg_img_producto_tienda.webp');
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 95%;
}

/* ===== GRAMOS (debajo del precio, chico y gris) ===== */
.woocommerce ul.products li.product .dg-grams{
	color: #7b7b7b;
	font-size: 0.8rem;
	font-family: var(--fontPrimary)
}

.dg-title-price-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.dg-price-grams {
    display: flex;
    flex-direction: column;
    align-items: end;
	width: 50%;
}

.woocommerce ul.products li.product .price {
    display: flex !important;
    flex-direction: column;
}

.dg-title-price-row h2 {
    padding: 0px !important;
}

.qib-button-wrapper button.qib-button {
	min-width: auto !important;
}

.woocommerce .quantity .qty {
    width: 100% !important;
}

body .qib-button-wrapper {
    width: 50%;
}

form.cart {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.qib-button-wrapper .quantity input.input-text.qty.text {
    font-size: 0.8rem !important;
    line-height: 1rem !important;
	padding: 5px !important;
}

.qib-button-wrapper {
	margin: 0px !important;
}

/***** CSS POP CARRITO *******/

.woofc-overlay {
    background: #57304dad !important;
}

.woofc-area.woofc-rounded-yes .woofc-inner {
    border-radius: 25px !important;
	font-family: var(--fontPrimary) !important;
}

.woofc-area.woofc-style-01 .woofc-area-top {
	color: var(--colorViolet);
	text-transform: none;
	background-color: #f3f1e7;
	padding: 10px 60px 0px 20px !important;
	font-size: 1.3rem !important;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner {
    border-radius: 15px !important;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-link span {
	color: var(--colorGreen) !important;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a {
	color: #424242 !important;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price span {
	font-size: 1.3rem !important;
	color: var(--colorGreen) !important;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-01 .woofc-area-bot .woofc-total {
	color: var(--colorGreen) !important;
	justify-content: end;
}

.woofc-data-left, .woofc-area .woofc-area-bot .woofc-data .woofc-data-right * {
	font-size: 1.3rem !important;
	font-weight: 600 !important
}

.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus {
    border-radius: 25px 0 0 25px;
}

.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus {
    border-radius: 0 25px 25px 0;
}

.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-bot .woofc-action .woofc-action-inner > div a {
    border-radius: 25px !important;
    background: var(--colorGreen) !important;
	text-transform: capitalize !important;
	font-weight: 100 !important;
	border: none !important;
	font-size: 1.3rem !important;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-continue span {
	color: #424242 !important;
	border: none !important;
	text-transform: capitalize !important;
}

.woofc-area.woofc-style-01 .woofc-no-item, .woofc-area.woofc-style-01 .woofc-error {
	color: var(--colorViolet);
}

span#woofc-count-number {
    background: #f88b17 !important;
}

div#woofc-count {
    border-radius: 100% !important;
    background: #00662e !important;
}

.woofc-count i {
    color: #fff !important;
}

a.button.wc-backward, a.button.wc-forward {
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    background: #00662e;
}

a.button.wc-backward:hover, a.button.wc-forward:hover {
	background: #57304D;
	color: #fff;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    border-radius: 25px;
    border-top: none;
}

input#coupon_code, input#calc_shipping_city, input#calc_shipping_postcode {
    border: none;
    border-radius: 25px;
    background: #f3f1e7;
    padding: 15px 20px;
}

 input#calc_shipping_city, input#calc_shipping_postcode {
	 padding: 5px;
}

span.select2-selection.select2-selection--single, select#calc_shipping_country, select#calc_shipping_state {
    border: none !important;
    border-radius: 25px !important;
    background: #f3f1e7 !important;
}

/************************/

@media screen and (max-width: 1023px) {
	form.cart {
		flex-direction: column !important;
		gap: 0.5rem;
	}
	
	body .qib-button-wrapper, .woocommerce ul.products li.product .button {
		width:100% !important;
	}
	
	.qib-button-wrapper button.qib-button, .qib-button-wrapper div.quantity.wqpmb_quantity, .qib-button-wrapper .quantity input.input-text.qty.text {
		height: 30px !important;
	}
}