/**
 * Woo Dinamic Shipping — Frontend styles.
 * Ajustes visuales del carrito, checkout y badges del plugin.
 */

/* ---------------------------------------------------------
 * Badge de ahorro dinámico ("Ahorro: X%") en carrito y checkout.
 * El texto lo genera class-wds-weight-shipping.php.
 * ------------------------------------------------------- */
.wds-shipping-savings {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 8px;
	border-radius: 6px;
	background: #e6f4ea;
	color: #137333;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	white-space: nowrap;
	vertical-align: middle;
}

/* ---------------------------------------------------------
 * Botón de cerrar (×) del mini-cart drawer más visible.
 * ------------------------------------------------------- */
.apbd-nmca-vt-header-close-icon {
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #e9ecef !important;
	border: 1px solid #ced4da !important;
	border-radius: 50% !important;
	color: #212529 !important;
	cursor: pointer !important;
	transition: background .15s ease, transform .15s ease !important;
}
.apbd-nmca-vt-header-close-icon:hover {
	background: #dde2e6 !important;
	transform: scale(1.05) !important;
}
.apbd-nmca-vt-header-close-icon .apmc {
	font-size: 22px !important;
	line-height: 1 !important;
	font-weight: 700 !important;
}

/* ---------------------------------------------------------
 * Checkout: miniatura del producto en la tabla de revisión.
 * ------------------------------------------------------- */
.fruxvita-checkout-thumb {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.fruxvita-checkout-thumb img {
	border-radius: 6px;
	width: 48px;
	height: 48px;
	object-fit: cover;
	border: 1px solid #e2e8f0;
}
.fruxvita-checkout-name {
	vertical-align: middle;
}

/* ---------------------------------------------------------
 * Botón "Seguir comprando" del mini-cart drawer.
 * ------------------------------------------------------- */
.fruxvita-continue-shopping {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 130px !important;
	padding: 10px 16px !important;
	border-radius: 8px !important;
	border: 1px solid #ced4da !important;
	background: #f8f9fa !important;
	color: #212529 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	text-decoration: none !important;
}
.fruxvita-continue-shopping:hover {
	background: #e9ecef !important;
}