/**
 * MedicMarket Rentals - Product Cards & Grid Styling
 * Consolidates archive cards and Blocksy hover action customizations.
 */

/* 1. Grilla Estándar (Archivo de Renta / Tienda) */
ul.products:not(.swiper-wrapper) li.product {
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	border-radius: 12px;
	padding: 16px;
	background-color: #ffffff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
	transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
	overflow: hidden;
}

ul.products:not(.swiper-wrapper) li.product:hover {
	border-color: rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
	transform: translateY(-6px) !important;
}

/* 2. Botón flotante 'Ver opciones' / 'Añadir al carrito' de Blocksy en hover */
.ct-woo-card-extra[data-type="type-2"] {
	inset-inline: auto !important;
	left: 50% !important;
	right: auto !important;
	transform: translate3d(-50%, 0, 0) !important;
	width: auto !important;
	display: flex !important;
	justify-content: center !important;
	gap: 8px !important;
}

.ct-woo-card-extra[data-type="type-2"] :is(a, button) {
	width: 44px !important;
	height: 44px !important;
	min-height: 44px !important;
	border-radius: 50% !important;
	padding: 0 !important;
	background: #ffffff !important;
	color: var(--theme-palette-color-1, #0164b0) !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

.ct-woo-card-extra[data-type="type-2"] :is(a, button):hover {
	background: var(--theme-palette-color-1, #0164b0) !important;
	color: #ffffff !important;
	transform: scale(1.05) !important;
}

/* Ajuste de posición del tooltip de Blocksy */
.ct-woo-card-extra[data-type="type-2"] :is(a, button) .ct-tooltip {
	transform: translate3d(-50%, -45px, 0px) !important;
	left: 50% !important;
}

.ct-woo-card-extra[data-type="type-2"] :is(a, button):hover .ct-tooltip {
	transform: translate3d(-50%, -50px, 0px) !important;
}

/* 3. Títulos de productos limpios sin subrayado decorativo */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product a:has(.woocommerce-loop-product__title) {
	text-decoration: none !important;
	-webkit-text-decoration: none !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover,
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title {
	text-decoration: none !important;
	-webkit-text-decoration: none !important;
	color: var(--theme-palette-color-1, #0164b0) !important;
}

/* 4. Selector de Cantidad en Carrito Off-Canvas (Blocksy) */
.ct-cart-content .ct-product-actions .quantity[data-type],
.ct-panel .ct-product-actions .quantity[data-type] {
	--quantity-initial-color: var(--theme-border-color, #e0e5eb);
	--quantity-hover-color: var(--theme-border-color, #e0e5eb);
	--quantity-arrows-initial-color: var(--theme-text-color, #41546b);
	--quantity-arrows-hover-color: var(--theme-text-color, #41546b);
}

.ct-cart-content .ct-product-actions .quantity[data-type] input[type="number"],
.ct-panel .ct-product-actions .quantity[data-type] input[type="number"],
.ct-cart-content .ct-product-actions .quantity[data-type] input[type="number"]:focus,
.ct-panel .ct-product-actions .quantity[data-type] input[type="number"]:focus {
	border-color: var(--theme-border-color, #e0e5eb) !important;
	box-shadow: none !important;
}