@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//yevagrina.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.7") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//yevagrina.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//yevagrina.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//yevagrina.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//yevagrina.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//yevagrina.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//yevagrina.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//yevagrina.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//yevagrina.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-header-banner-h: 50px;
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 600;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: #35c4b5;
	--wd-alternative-color: #00877c;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #35c4b5;
	--btn-accented-bgcolor-hover: #00877c;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 95px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(191,226,227);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 100px;
}
.header-banner {
	background-color: rgb(207,110,110);
	background-image: none;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(191,226,227);
	--wd-bordered-bg:rgb(191,226,227);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://yevagrina.com/wp-content/uploads/2023/02/WhatsApp-Image-2023-02-07-at-9.13.20-AM.jpeg);
	background-size: cover;
	background-position: center top;
}
.wd-footer {
	background-color: #35c4b5;
	background-image: none;
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 800;
	font-size: 20px;
}
html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #35c4b5;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 100px;
	--wd-sticky-btn-height: 95px;
	}
	html .wd-page-content .wd-product .product-wrapper .wd-entities-title {
		font-size: 16px;
	}
	html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount {
		font-size: 15px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	html .wd-page-content .wd-product .product-wrapper .wd-entities-title {
		font-size: 20px;
	}
	html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount {
		font-size: 12px;
	}

}
:root{
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
--wd-cat-brd-radius: 5px;
}



@font-face {
	font-family: "Jost";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Jost";
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Jost";
	font-weight: 500;
	font-style: normal;
}

.whb-color-light:not(.whb-with-bg) {
	background-color: #35C4B5;
}

.whb-color-dark:not(.whb-with-bg) {
    background-color: #35C4B5;
}

.woodmart-price-table.label-color-green .price-label > span {
	  font-size: 10px;
}

.stc-button-color a {
	border-color: #35c4b5 !important;
    background-color: #35c4b5 !important;
}
/* --- INICIO DISEÑO RUTAS TIPO TARJETA --- */

#shipping_method {
    list-style: none;
    margin: 20px 0;
    padding: 0;
}

#shipping_method li {
    background-color: #ffffff;
    border: 2px solid #e6e6e6;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: center;
    position: relative;
}

#shipping_method li:hover {
    border-color: #1D8387; 
    background-color: #f4fbfb;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

#shipping_method li label {
    margin-left: 12px;
    font-weight: 600;
    color: #333;
    width: 100%;
    cursor: pointer;
}

#shipping_method li .amount {
    font-weight: 800;
    color: #1D8387;
    float: right;
}

/* --- FIN DISEÑO RUTAS --- */
/* --- INICIO LISTA DE PEDIDO COMPACTA CON SCROLL --- */

/* 1. Convertimos la lista de productos en una ventana de altura fija */
.woocommerce-checkout-review-order-table tbody {
    display: block;
    max-height: 250px; /* Altura máxima de la caja (ajústalo si quieres) */
    overflow-y: auto;  /* Hace que aparezca el scroll si la lista es larga */
    scrollbar-width: thin; /* Barra fina para Firefox */
    border-bottom: 2px solid #eee; /* Linea separadora al final de la lista */
}

/* 2. Ajustes técnicos para que las columnas no se descuadren */
.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout-review-order-table tfoot {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* 3. Estilizar la barra de scroll para que sea bonita (Chrome/Safari) */
.woocommerce-checkout-review-order-table tbody::-webkit-scrollbar {
    width: 5px;
}
.woocommerce-checkout-review-order-table tbody::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.woocommerce-checkout-review-order-table tbody::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}
.woocommerce-checkout-review-order-table tbody::-webkit-scrollbar-thumb:hover {
    background: #1D8387; /* Se pone verde al tocarla */
}

/* 4. (Opcional) Hacer las filas un poco más compactas quitando espacio sobrante */
.woocommerce-checkout-review-order-table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* --- FIN LISTA COMPACTA --- */
/* =========================================
   DISEÑO PERSONALIZADO FINALIZAR COMPRA
   ========================================= */

/* --- 1. RUTAS DE ENVÍO (Tarjetas visibles completas) --- */
#shipping_method {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    /* Sin scroll, se ven todas */
}

#shipping_method li {
    background-color: #ffffff;
    border: 2px solid #e6e6e6; /* Borde gris suave */
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: center;
    position: relative;
}

/* Efecto al pasar el ratón */
#shipping_method li:hover {
    border-color: #1D8387; /* Verde corporativo */
    background-color: #f4fbfb;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

#shipping_method li label {
    margin-left: 12px;
    font-weight: 600;
    color: #333;
    width: 100%;
    cursor: pointer;
}

#shipping_method li .amount {
    font-weight: 800;
    color: #1D8387;
    float: right;
}


/* --- 2. MÉTODOS DE PAGO (Estilo Premium Resaltado) --- */
.wc_payment_methods {
    padding: 0 !important;
    list-style: none !important;
}

.wc_payment_methods li.wc_payment_method {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Al seleccionar, borde verde y sombra */
.wc_payment_methods li.wc_payment_method:has(input:checked) {
    border: 2px solid #1D8387;
    background-color: #f0fcfc;
    box-shadow: 0 5px 15px rgba(29, 131, 135, 0.15);
}

/* Limpieza de la descripción del pago */
.wc_payment_methods li .payment_box {
    background-color: transparent !important;
    padding: 5px 0 0 30px !important;
    color: #666;
    font-size: 13px;
}
.wc_payment_methods li .payment_box:before { display: none; }


/* --- 3. LISTA DE PRODUCTOS (Solo scroll vertical, botones originales) --- */
.woocommerce-checkout-review-order-table tbody {
    display: block;
    max-height: 300px; /* Altura máxima */
    overflow-y: auto;  /* Scroll si la lista es larga */
    scrollbar-width: thin;
}

/* Ajuste para que las columnas cuadren con el scroll */
.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout-review-order-table tfoot {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* Asegurar que los botones de cantidad se vean (Originales) */
.woocommerce-checkout-review-order-table .product-quantity,
.woocommerce-checkout-review-order-table .quantity {
    display: block !important; 
}


/* --- 4. CAMPOS DEL FORMULARIO (Estilo App Moderno) --- */
.woocommerce-billing-fields input,
.woocommerce-billing-fields textarea,
.woocommerce-shipping-fields input,
.woocommerce-shipping-fields textarea {
    border: 1px solid #e1e1e1 !important;
    background-color: #fdfdfd !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    transition: all 0.3s;
}

.woocommerce-billing-fields input:focus,
.woocommerce-billing-fields textarea:focus {
    border-color: #1D8387 !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(29, 131, 135, 0.1);
    outline: none;
}