/* El widget de compra
 *
 * Estaba EN LINEA dentro de templates/shopping-widget.php, o sea que viajaba entero
 * en el HTML de todas las paginas y en todas las visitas. Aqui el navegador
 * lo guarda una vez: la regla de cache de .htaccess da un ano a los .css y .js.
 *
 * Se movio tal cual, sin tocar una linea. Si hay que cambiarlo, se cambia aqui.
 */
.ui\:shopping-desktop {
		display: none;
		pointer-events: none;
		font-size: 14px;
		font-family: "Avenir W01";
		width: 650px;
		max-width: 100%;
		height: max-content;
		overflow-y: auto;
		max-height: 80vh;
		position: absolute;
		top: 190%;
		right: -1px;
		background-color: #efefef !important;
		border-radius: 20px 10px 20px 20px;
		z-index: 55;
		padding-bottom: 18px;
	}

	.theme\:wisper {
		background-color: transparent;
		color: #060606;
	}

	/* Header */
	.ui\:shopping-desktop-header {
		padding: 20px 24px 10px 24px !important;
	}

	.ui\:shopping-desktop-header ._shopping_cart_clear_ {
		font-size: 14px;
		font-weight: 500;
		color: #111 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		padding: 0 !important;
		min-height: auto !important;
		height: auto !important;
	}

	/* Layout general */
	.ui\:shopping-desktop-overflow {
		display: block !important;
		padding: 0 24px;
	}

	.ui\:shopping-desktop-overflow > .oh-flex.oh-up {
		width: 100%;
	}

	.ui\:shopping-desktop-container {
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
	}

	/* Tarjeta de producto */
	.ui\:shopping-desktop-container li,
.ui\:shopping-desktop-container li > div,
.ui\:shopping-desktop-container .shopping-product,
.ui\:shopping-desktop-container .oh-flex.nowrap {
	background: transparent !important;
	background-color: transparent !important;
	border-radius: 1px !important;
	box-shadow: none !important;
}
.ui\:shopping-desktop-container li::before,
.ui\:shopping-desktop-container li::after,
.ui\:shopping-desktop-container .shopping-product::before,
.ui\:shopping-desktop-container .shopping-product::after {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}
	/* Si algún contenedor interno trae fondo blanco */
	.ui\:shopping-desktop-container li *,
	.ui\:shopping-desktop-container .shopping-product * {
		box-shadow: none;
	}

	/* Resumen */
	.ui\:shoping-desktop-info {
		width: 100% !important;
		display: block !important;
		padding: 16px 0 0 0 !important;
	}

	.ui\:shoping-desktop-info .oh-tb-7 {
		width: 100% !important;
		color: #111 !important;
	}

	.resumen-linea {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		width: 100%;
		margin: 0;
	}

	.resumen-linea .label {
		flex: 1;
		font-size: 18px;
		color: #111;
	}

	.resumen-linea .value {
		min-width: auto;
		text-align: right;
		white-space: nowrap;
		font-size: 16px;
		color: #111;
	}

	/* Subtotal destacado */
	.resumen-linea.subtotal-final {
		padding-top: 18px;
		margin-top: 14px;
		border-top: 1px solid rgba(0,0,0,0.18);
		align-items: center;
	}

	.resumen-linea.subtotal-final .label {
		font-size: 18px;
		font-weight: 700;
	}

	.resumen-linea.subtotal-final .value {
		font-size: 18px;
		font-weight: 700;
	}

	/* Botón pagar */
	.desktop-cart-actions {
		padding-top: 18px;
	}

	.desktop-cart-actions .ui\:button {
		width: 100% !important;
		min-height: 50px !important;
		border-radius: 999px !important;
		background:rgb(0, 0, 0) !important;
		color: #fff !important;
		border: 0 !important;
		box-shadow: none !important;
		font-size: 16px;
		font-weight: 700;
		text-transform: uppercase;
		justify-content: center;
	}

	.desktop-cart-actions .ui\:button:hover {
		background:rgb(0, 0, 0) !important;
	}

	.desktop-cart-continue {
		display: block;
		text-align: center;
		margin-top: 14px;
		font-size: 14px;
		color: #1296c0;
		text-decoration: none;
	}

	.desktop-cart-continue:hover {
		text-decoration: underline;
	}

	/* Oculta bloque vacío visual desktop si no se usa */
	.ui\:shopping-desktop > .shopping-empty {
		padding: 24px;
	}
	/* =========================
   MOBILE CART - FIX COLORES
   ========================= */

.ui\:shopping-mobile {
	background: #eaeaea !important;
	color: #000 !important;
}

/* header */
.ui\:shopping-mobile-header,
.ui\:shopping-mobile-header * {
	color: #000 !important;
}

.ui\:shopping-mobile-header osgo-icon,
.ui\:shopping-mobile-header svg,
.ui\:shopping-mobile-header svg * {
	fill: #000 !important;
	stroke: #000 !important;
	color: #000 !important;
}

/* contenedor del producto */
.ui\:shopping-mobile .shopping-noempty {
	background: #eaeaea !important;
}

.ui\:shopping-mobile-container {
	background: #eaeaea !important;
}

/* tarjeta / bloque del producto */
.ui\:shopping-mobile-container li,
.ui\:shopping-mobile-container li > div,
.ui\:shopping-mobile-container .shopping-product,
.ui\:shopping-mobile-container .oh-flex.nowrap {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

/* textos del producto */
.ui\:shopping-mobile-container,
.ui\:shopping-mobile-container * {
	color: #000 !important;
}

/* nombre y precio */
.ui\:shopping-mobile-container .dropdown-name,
.ui\:shopping-mobile-container .shopping-name,
.ui\:shopping-mobile-container p,
.ui\:shopping-mobile-container span,
.ui\:shopping-mobile-container strong {
	color: #000 !important;
}

/* íconos del producto */
.ui\:shopping-mobile-container osgo-icon,
.ui\:shopping-mobile-container osgo-icon *,
.ui\:shopping-mobile-container svg,
.ui\:shopping-mobile-container svg * {
	fill: #000 !important;
	stroke: #000 !important;
	color: #000 !important;
	opacity: 1 !important;
}

/* resumen inferior */
.ui\:shoping-mobile-info,
.ui\:shoping-mobile-info * {
	color: #000 !important;
}

.ui\:shoping-mobile-info .size\:large {
	color: #000 !important;
}

/* detalle del pedido */
.ui\:shoping-mobile-info p,
.ui\:shoping-mobile-info span,
.ui\:shoping-mobile-info strong,
.ui\:shoping-mobile-info .label,
.ui\:shoping-mobile-info .value {
	color: #000 !important;
}

/* botón pagar */
.ui\:shoping-mobile-info .ui\:button {
	background: #000 !important;
	color: #fff !important;
	border: 0 !important;
	box-shadow: none !important;
}

.ui\:shoping-mobile-info .ui\:button * {
	color: #fff !important;
	fill: #fff !important;
	stroke: #fff !important;
}

/* si el botón está deslavado por opacity */
.ui\:shopping-mobile .ui\:button,
.ui\:shopping-mobile [disabled],
.ui\:shopping-mobile [inactive] {
	opacity: 1 !important;
}