/**
 * Estilos PRO para Modo Catálogo WoodMart (Impaktia) - v3.0
 */

:root {
	--wci-btn-bg: #38085c;
	--wci-btn-text: #ffffff;
	--wci-btn-bg-hover: #f36a07;
	--wci-btn-text-hover: #ffffff;
	--wci-btn-pad-y: 11px;
	--wci-btn-pad-x: 24px;
	--wci-btn-radius: 8px;
	--wci-btn-font-size: 12.5px;
	--wci-btn-font-weight: 700;
	--wci-btn-letter-spacing: 0.5px;
	--wci-btn-min-width: 175px;
	--wci-btn-shadow: 0 4px 12px rgba(56, 8, 92, 0.16);
	--wci-btn-shadow-hover: 0 7px 18px rgba(243, 106, 7, 0.32);
}

/* ==========================================================================
   0. OCULTAR PRECIOS EN TODA LA WEB (FICHA, TIENDA, GRIDS, BUSCADOR, WIDGETS)
   ========================================================================== */
body.wci-hide-prices .price,
body.wci-hide-prices p.price,
body.wci-hide-prices span.price,
body.wci-hide-prices .woocommerce-Price-amount,
body.wci-hide-prices .single-product div.product p.price,
body.wci-hide-prices .single-product div.product span.price,
body.wci-hide-prices .wd-single-price,
body.wci-hide-prices .elementor-widget-wd_single_product_price,
body.wci-hide-prices .product-grid-item .price,
body.wci-hide-prices .wd-product .price,
body.wci-hide-prices .product-quick-view .price,
body.wci-hide-prices .wd-search-results .price,
body.wci-hide-prices .autocomplete-suggestion .price,
body.wci-hide-prices .widget_products .amount,
body.wci-hide-prices .widget_recently_viewed_products .amount,
body.wci-hide-prices .widget_top_rated_products .amount,
body.wci-hide-prices .wd-sticky-btn-price {
	display: none !important;
}

/* ==========================================================================
   1. FICHA DE PRODUCTO INDIVIDUAL (Y QUICK VIEW DE WOODMART)
   ========================================================================== */
body.wci-hide-qty .single-product div.product form.cart .quantity,
body.wci-hide-qty .wd-single-add-cart form.cart .quantity,
body.wci-hide-qty .product-quick-view form.cart .quantity,
body.wci-hide-qty.single-product div.product form.cart .quantity {
	display: none !important;
}

body.wci-hide-cart-btn .single-product div.product form.cart button.single_add_to_cart_button,
body.wci-hide-cart-btn .single-product div.product form.cart .single_add_to_cart_button,
body.wci-hide-cart-btn .wd-single-add-cart form.cart button.single_add_to_cart_button,
body.wci-hide-cart-btn .wd-single-add-cart form.cart .single_add_to_cart_button,
body.wci-hide-cart-btn .product-quick-view form.cart button.single_add_to_cart_button,
body.wci-hide-cart-btn .product-quick-view form.cart .single_add_to_cart_button,
body.wci-hide-cart-btn.single-product div.product form.cart button.single_add_to_cart_button,
body.wci-hide-cart-btn.single-product div.product form.cart .single_add_to_cart_button {
	display: none !important;
}

.single-product div.product form.cart,
.wd-single-add-cart form.cart {
	margin-bottom: 10px !important;
}

/* ==========================================================================
   2. OCULTAR "COMPARAR" Y "AÑADIR A LA LISTA DE DESEOS" (FAVORITO)
   ========================================================================== */
body.wci-hide-compare .single-product .wd-compare-btn,
body.wci-hide-compare .single-product .woodmart-compare-btn,
body.wci-hide-compare .wd-single-content .wd-compare-btn,
body.wci-hide-compare .elementor-widget-wd_single_product_compare,
body.wci-hide-compare .product-quick-view .wd-compare-btn,
body.wci-hide-compare .wd-buttons .wd-compare-btn {
	display: none !important;
}

body.wci-hide-wishlist .single-product .wd-wishlist-btn,
body.wci-hide-wishlist .single-product .woodmart-wishlist-btn,
body.wci-hide-wishlist .wd-single-content .wd-wishlist-btn,
body.wci-hide-wishlist .elementor-widget-wd_single_product_wishlist,
body.wci-hide-wishlist .product-quick-view .wd-wishlist-btn,
body.wci-hide-wishlist .wd-buttons .wd-wishlist-btn {
	display: none !important;
}

/* ==========================================================================
   3. BOTÓN PRO "VER PRODUCTO" EN GRID Y CARRUSELES DE WOODMART
   ========================================================================== */
.product-grid-item .wd-add-btn,
.wd-product .wd-add-btn {
	margin-top: 10px !important;
}

.product-grid-item .wd-add-btn a.add-to-cart-loop,
.product-grid-item .wd-add-btn a.button,
.wd-product .wd-add-btn a.add-to-cart-loop,
.wd-product .wd-add-btn a.button,
.products .product .wd-add-btn a,
a.wci-pro-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-width: var(--wci-btn-min-width) !important;
	min-height: 42px !important;
	padding: var(--wci-btn-pad-y) var(--wci-btn-pad-x) !important;
	background: var(--wci-btn-bg) !important;
	color: var(--wci-btn-text) !important;
	border-radius: var(--wci-btn-radius) !important;
	font-size: var(--wci-btn-font-size) !important;
	font-weight: var(--wci-btn-font-weight) !important;
	letter-spacing: var(--wci-btn-letter-spacing) !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	box-shadow: var(--wci-btn-shadow) !important;
	border: none !important;
	transition: all 0.28s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
	position: relative !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

/* Modo Ancho Completo (100%) si se activa en ajustes */
body.wci-btn-fullwidth .product-grid-item .wd-add-btn a.add-to-cart-loop,
body.wci-btn-fullwidth .product-grid-item .wd-add-btn a.button,
body.wci-btn-fullwidth .wd-product .wd-add-btn a.add-to-cart-loop,
body.wci-btn-fullwidth .wd-product .wd-add-btn a.button,
body.wci-btn-fullwidth a.wci-pro-btn {
	width: 100% !important;
	display: flex !important;
}

/* Estado Hover PRO */
.product-grid-item .wd-add-btn a.add-to-cart-loop:hover,
.product-grid-item .wd-add-btn a.button:hover,
.wd-product .wd-add-btn a.add-to-cart-loop:hover,
.wd-product .wd-add-btn a.button:hover,
.products .product .wd-add-btn a:hover,
a.wci-pro-btn:hover {
	background: var(--wci-btn-bg-hover) !important;
	color: var(--wci-btn-text-hover) !important;
	box-shadow: var(--wci-btn-shadow-hover) !important;
	transform: translateY(-2px) !important;
}

/* Desactivar el ícono de carrito nativo de WoodMart en hover */
.wd-add-btn-replace .add-to-cart-loop:before,
.wd-hover-base .wd-bottom-actions .add-to-cart-loop:before,
.product-grid-item .wd-add-btn-replace a.add-to-cart-loop:before,
.wd-product .wd-add-btn-replace a.add-to-cart-loop:before,
a.wci-pro-btn:before {
	content: none !important;
	display: none !important;
}

/* Asegurar que el texto dentro del botón no se desplace hacia arriba ni desaparezca */
.wd-add-btn-replace .add-to-cart-loop span,
.wd-add-btn-replace .add-to-cart-loop:hover span,
.wd-add-btn-replace .add-to-cart-loop:focus span,
.product-grid-item .wd-add-btn-replace a:hover span,
.wd-product .wd-add-btn-replace a:hover span,
a.wci-pro-btn span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	padding: 0 !important;
	transform: none !important;
	-webkit-transform: none !important;
	opacity: 1 !important;
	color: inherit !important;
}

/* Ícono SVG dentro del botón PRO (Flecha u Ojo) */
.wci-btn-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 15px !important;
	height: 15px !important;
	flex-shrink: 0 !important;
	transition: transform 0.25s ease !important;
}

.wci-btn-icon svg {
	width: 100% !important;
	height: 100% !important;
	stroke: currentColor !important;
	fill: none !important;
}

a.wci-pro-btn:hover .wci-btn-icon,
.product-grid-item .wd-add-btn a:hover .wci-btn-icon,
.wd-product .wd-add-btn a:hover .wci-btn-icon {
	transform: translateX(3px) !important;
}

/* ==========================================================================
   4. ALINEACIÓN UNIFORME DE TARJETAS Y BOTONES AL FONDO (IGUALAR ALTURAS)
   ========================================================================== */
body.wci-equal-cards .product-grid-item .product-wrapper,
body.wci-equal-cards .wd-product .product-wrapper {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
}

body.wci-equal-cards .product-grid-item .product-element-bottom,
body.wci-equal-cards .wd-product .product-element-bottom {
	display: flex !important;
	flex-direction: column !important;
	flex-grow: 1 !important;
}

body.wci-equal-cards .product-grid-item .wd-add-btn,
body.wci-equal-cards .wd-product .wd-add-btn {
	margin-top: auto !important;
	padding-top: 12px !important;
}

@media (max-width: 767px) {
	.product-grid-item .wd-add-btn a.add-to-cart-loop,
	.product-grid-item .wd-add-btn a.button,
	.wd-product .wd-add-btn a.add-to-cart-loop,
	.wd-product .wd-add-btn a.button,
	a.wci-pro-btn {
		min-width: 140px !important;
		width: 100% !important;
		padding: 10px 16px !important;
	}
}
