/* Mi Victoria — carrito lateral (Side Cart WooCommerce)
   El plugin imprime su paleta en estilos en línea (#27374d / #dde6ed).
   Estas reglas la pisan con la marca del sitio. v2
   Revertir: borrar mivictoria-sidecart.php y este archivo de wp-content/mu-plugins/ */

:root {
	--mv-negro:        #000000;
	--mv-negro-suave:  #0d0d0d;
	--mv-dorado:       #bfb283;
	--mv-dorado-hover: #d4bd8e;
	--mv-gris:         #9a9a9a;
	--mv-linea:        rgba(191, 178, 131, .20);
	--mv-serif:        'PT Serif', Georgia, serif;
	--mv-sans:         'Noto Sans Nag Mundari', system-ui, sans-serif;
}

/* ---- Superficies: todo negro, sin excepción ---- */
.xoo-wsc-modal .xoo-wsc-container,
.xoo-wsc-modal .xoo-wsc-body,
.xoo-wsc-modal .xoo-wsc-products,
.xoo-wsc-modal .xoo-wsc-product,
.xoo-wsc-modal .xoo-wsc-product-cont,
.xoo-wsc-modal .xoo-wsc-sum,
.xoo-wsc-modal .xoo-wsc-markup,
.xoo-wsc-modal .xoo-wsc-markup-notices {
	background: var(--mv-negro) !important;
	background-color: var(--mv-negro) !important;
	color: #fff !important;
}
.xoo-wsc-modal .xoo-wsc-container {
	font-family: var(--mv-sans) !important;
	box-shadow: -18px 0 55px rgba(0, 0, 0, .8);
}
.xoo-wsc-modal .xoo-wsc-header,
.xoo-wsc-modal .xoo-wsc-footer {
	background: var(--mv-negro-suave) !important;
	background-color: var(--mv-negro-suave) !important;
	color: #fff !important;
}
.xoo-wsc-modal .xoo-wsc-header { border-bottom: 1px solid var(--mv-linea) !important; }
.xoo-wsc-modal .xoo-wsc-footer { border-top: 1px solid var(--mv-linea) !important; }
.xoo-wsc-modal .xoo-wsc-opac { background: rgba(0, 0, 0, .72) !important; }

/* ---- Cabecera ---- */
.xoo-wsc-modal .xoo-wsc-header,
.xoo-wsc-modal .xoo-wsch-top,
.xoo-wsc-modal .xoo-wsch-text {
	font-family: var(--mv-serif) !important;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--mv-dorado) !important;
	font-size: 15px !important;
}
.xoo-wsc-modal .xoo-wsc-cart-close,
.xoo-wsc-modal .xoo-wscb-icon,
.xoo-wsc-modal .xoo-wsch-close { color: var(--mv-dorado) !important; opacity: .9; }
.xoo-wsc-modal .xoo-wsc-cart-close:hover { opacity: 1; }

/* ---- Producto: el problema de contraste ---- */
.xoo-wsc-modal .xoo-wsc-product {
	border-bottom: 1px solid var(--mv-linea) !important;
	border-radius: 0 !important;
	padding: 20px 4px !important;
	box-shadow: none !important;
}
.xoo-wsc-modal .xoo-wsc-pname,
.xoo-wsc-modal .xoo-wsc-pname a {
	font-family: var(--mv-serif) !important;
	color: #ffffff !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	text-decoration: none !important;
	text-shadow: none !important;
}
.xoo-wsc-modal .xoo-wsc-pname a:hover { color: var(--mv-dorado) !important; }
.xoo-wsc-modal .xoo-wsc-pprice,
.xoo-wsc-modal .xoo-wsc-psubtot,
.xoo-wsc-modal .xoo-wsc-pprice .amount,
.xoo-wsc-modal .xoo-wsc-psubtot .amount {
	font-family: var(--mv-serif) !important;
	color: var(--mv-dorado) !important;
	font-size: 15px !important;
}
.xoo-wsc-modal .xoo-wsc-product img {
	border: 1px solid var(--mv-linea) !important;
	border-radius: 2px !important;
	background: var(--mv-negro-suave) !important;
}
.xoo-wsc-modal .xoo-wsc-pmeta,
.xoo-wsc-modal .xoo-wsc-product .variation,
.xoo-wsc-modal .tax_label { color: var(--mv-gris) !important; font-size: 12px !important; }

/* Cantidad */
.xoo-wsc-modal .xoo-wsc-qty-box,
.xoo-wsc-modal .xoo-wsc-qtb-square {
	border: 1px solid var(--mv-linea) !important;
	background: transparent !important;
	border-radius: 2px !important;
}
.xoo-wsc-modal .xoo-wsc-qty-box input,
.xoo-wsc-modal .xoo-wsc-qtb-pls,
.xoo-wsc-modal .xoo-wsc-qtb-mns {
	background: transparent !important;
	color: #fff !important;
	border-color: var(--mv-linea) !important;
}
.xoo-wsc-modal .xoo-wsc-pdel,
.xoo-wsc-modal .xoo-wsc-smr-del { color: var(--mv-gris) !important; }
.xoo-wsc-modal .xoo-wsc-pdel:hover { color: var(--mv-dorado) !important; }

/* ---- Fuera las insignias genéricas ---- */
.xoo-wsc-modal .xoo-wsc-info-cont { display: none !important; }

/* ---- Subtotal ---- */
.xoo-wsc-modal .xoo-wsc-footer .xoo-wsc-smr-subt,
.xoo-wsc-modal .xoo-wsc-subtotal {
	font-family: var(--mv-serif) !important;
	color: #fff !important;
	letter-spacing: .06em !important;
	font-size: 16px !important;
}
.xoo-wsc-modal .xoo-wsc-footer .amount,
.xoo-wsc-modal .xoo-wsc-smr-subt span { color: var(--mv-dorado) !important; }
.xoo-wsc-modal .xoo-wsc-ship-note,
.xoo-wsc-modal .xoo-wsc-footer p {
	color: var(--mv-gris) !important;
	font-size: 11px !important;
	letter-spacing: .04em;
	line-height: 1.6;
}

/* ---- Botones: pisan la paleta del plugin ---- */
.xoo-wsc-modal .xoo-wsc-ft-btn,
.xoo-wsc-modal a.xoo-wsc-ft-btn,
.xoo-wsc-modal .xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart,
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout,
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-continue,
.xoo-wsc-modal .xoo-wsc-empty-cart a.xoo-wsc-btn {
	font-family: var(--mv-sans) !important;
	text-transform: uppercase !important;
	letter-spacing: .18em !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	border-radius: 999px !important;
	height: auto !important;
	padding: 16px 24px !important;
	border-width: 1px !important;
	transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout,
.xoo-wsc-modal .xoo-wsc-empty-cart a.xoo-wsc-btn {
	background-color: var(--mv-dorado) !important;
	color: #000000 !important;
	border-color: var(--mv-dorado) !important;
}
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout:hover,
.xoo-wsc-modal .xoo-wsc-empty-cart a.xoo-wsc-btn:hover {
	background-color: var(--mv-dorado-hover) !important;
	color: #000000 !important;
	border-color: var(--mv-dorado-hover) !important;
}
.xoo-wsc-modal .xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart,
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-continue {
	background-color: transparent !important;
	color: var(--mv-dorado) !important;
	border-color: var(--mv-linea) !important;
}
.xoo-wsc-modal .xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart:hover,
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-continue:hover {
	background-color: transparent !important;
	color: #ffffff !important;
	border-color: var(--mv-dorado) !important;
}

/* ---- Carrito vacío ---- */
.xoo-wsc-modal .xoo-wsc-empty-cart .xoo-wsc-emp-txt {
	font-family: var(--mv-serif) !important;
	color: var(--mv-gris) !important;
	letter-spacing: .05em;
}
.xoo-wsc-modal .xoo-wsc-empty-cart .xoo-wsc-emp-img { opacity: .3; filter: grayscale(1) invert(1); }

/* ---- Burbuja flotante ---- */
.xoo-wsc-basket {
	background: var(--mv-dorado) !important;
	background-color: var(--mv-dorado) !important;
	color: #000 !important;
	box-shadow: 0 6px 22px rgba(0, 0, 0, .55) !important;
}
.xoo-wsc-basket:hover { background-color: var(--mv-dorado-hover) !important; }
.xoo-wsc-items-count {
	background: #000 !important;
	background-color: #000 !important;
	color: var(--mv-dorado) !important;
	border: 1px solid var(--mv-dorado) !important;
}

/* ---- Móvil ---- */
@media (max-width: 600px) {
	.xoo-wsc-modal .xoo-wsc-container { width: 100% !important; max-width: 100% !important; }
	.xoo-wsc-modal .xoo-wsc-ft-btn { padding: 17px 20px !important; }
}

/* ---- Corrección: el importe dentro de los botones ----
   La regla del subtotal pintaba de dorado cualquier .amount del pie,
   incluido el que va dentro del botón dorado. Acá se separa por botón. */
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout,
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout *,
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout .amount,
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout .amount bdi,
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout span {
	color: #000000 !important;
	font-style: normal !important;
	opacity: 1 !important;
}
.xoo-wsc-modal .xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart *,
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-continue * {
	color: inherit !important;
	font-style: normal !important;
}
/* El importe dentro del botón: mismo peso, un poco más aire */
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout .amount {
	font-family: var(--mv-serif) !important;
	font-weight: 700 !important;
	letter-spacing: .04em !important;
	margin-left: 2px;
}

/* ================= v3: clases reales del plugin =================
   Los selectores anteriores eran inventados. Estos salen del propio
   xoo-wsc-style.css: .xoo-wsc-chng, .xoo-wsc-qty, .xoo-wsc-footer-txt. */

/* ---- Caja de cantidad ---- */
.xoo-wsc-modal .xoo-wsc-qty-box,
.xoo-wsc-modal .xoo-wsc-qty-box-cont,
.xoo-wsc-modal .xoo-wsc-qty-box-cont > *,
.xoo-wsc-modal .xoo-wsc-qtb-square,
.xoo-wsc-modal .xoo-wsc-qtb-circle {
	background: transparent !important;
	background-color: transparent !important;
	border-color: rgba(191, 178, 131, .28) !important;
	color: #ffffff !important;
	box-shadow: none !important;
}
.xoo-wsc-modal .xoo-wsc-qty,
.xoo-wsc-modal input.xoo-wsc-qty {
	background: transparent !important;
	background-color: transparent !important;
	color: #ffffff !important;
	border-color: rgba(191, 178, 131, .28) !important;
	font-family: var(--mv-sans) !important;
	font-size: 14px !important;
	-moz-appearance: textfield;
}
.xoo-wsc-modal .xoo-wsc-chng {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--mv-dorado) !important;
	border-color: rgba(191, 178, 131, .28) !important;
	font-size: 16px !important;
	line-height: 1 !important;
}
.xoo-wsc-modal .xoo-wsc-chng:hover { color: #ffffff !important; }
.xoo-wsc-modal .xoo-wsc-qty-box { border-radius: 2px !important; overflow: hidden; }

/* ---- Precios e importes ---- */
.xoo-wsc-modal .xoo-wsc-price,
.xoo-wsc-modal .xoo-wsc-qty-price,
.xoo-wsc-modal .xoo-wsc-qty-price > span,
.xoo-wsc-modal .xoo-wsc-card-ptotal,
.xoo-wsc-modal .xoo-wsc-smr-ptotal {
	font-family: var(--mv-serif) !important;
	color: var(--mv-dorado) !important;
}

/* ---- Pie: subtotal y nota ---- */
.xoo-wsc-modal .xoo-wsc-ft-amt-label {
	font-family: var(--mv-serif) !important;
	color: #ffffff !important;
	font-size: 15px !important;
	letter-spacing: .05em !important;
}
.xoo-wsc-modal .xoo-wsc-ft-amt-value,
.xoo-wsc-modal .xoo-wsc-ft-amt-value .amount {
	font-family: var(--mv-serif) !important;
	color: var(--mv-dorado) !important;
	font-size: 16px !important;
}
.xoo-wsc-modal .xoo-wsc-footer-txt,
.xoo-wsc-modal .xoo-wsc-footer-txt * {
	color: #8f8f8f !important;
	font-family: var(--mv-sans) !important;
	font-size: 11px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	letter-spacing: .03em !important;
	text-transform: none !important;
	margin: 6px 0 12px !important;
}

/* ---- Botones: que no se corten en dos líneas ---- */
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont { gap: 10px; }
.xoo-wsc-modal .xoo-wsc-ft-btn,
.xoo-wsc-modal a.xoo-wsc-ft-btn {
	font-size: 10px !important;
	letter-spacing: .10em !important;
	white-space: nowrap !important;
	padding: 15px 12px !important;
	line-height: 1.2 !important;
}
.xoo-wsc-modal a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout {
	font-size: 11px !important;
	letter-spacing: .14em !important;
	padding: 17px 20px !important;
}

/* ---- Basura de estilos en línea heredados ---- */
.xoo-wsc-modal .xoo-wsc-body span[style*="color: #000"],
.xoo-wsc-modal .xoo-wsc-footer span[style*="color: #000"] { color: inherit !important; }