/**
 * LinoCrochet: skin del carrito lateral (plugin "Side Cart WooCommerce",
 * clases xoo-wsc-*). Solo colores, tipografia y detalles; el layout y el
 * comportamiento siguen siendo del plugin.
 *
 * Los selectores llevan "body" delante para ganar en especificidad al CSS
 * del plugin y a los colores inline de su personalizador.
 */

/* ---------- Botón flotante (canasta) ---------- */

body .xoo-wsc-basket {
	background: #c9a227;
	color: #fff;
	border-radius: 999px;
	box-shadow: 0 8px 18px rgba(201, 162, 39, 0.35);
	transition: background 0.2s ease, transform 0.2s ease;
}

body .xoo-wsc-basket:hover {
	background: #b8931f;
	transform: translateY(-2px);
}

body .xoo-wsc-basket .xoo-wsc-items-count {
	background: #4f4636;
	color: #fff;
	border-radius: 999px;
}

/* ---------- Panel ---------- */

body .xoo-wsc-container {
	background: #fff;
	color: #4f4636;
	box-shadow: -12px 0 40px rgba(47, 42, 30, 0.18);
}

/* ---------- Encabezado ---------- */

body .xoo-wsc-header {
	background: #faf7f1;
	border-bottom: 1px solid #e5e0d8;
	color: #4f4636;
}

body .xoo-wsch-text {
	color: #2f2a1e;
	font-weight: 600;
}

body .xoo-wsch-basket .xoo-wsch-icon {
	color: #a67b5b;
}

body .xoo-wsch-items-count {
	background: #c9a227;
	color: #fff;
	border-radius: 999px;
}

body .xoo-wsch-close {
	color: #8a7b60;
	cursor: pointer;
	transition: color 0.15s ease;
}

body .xoo-wsch-close:hover {
	color: #b35643;
}

/* ---------- Productos ---------- */

body .xoo-wsc-body {
	background: #fff;
}

body .xoo-wsc-product {
	border-bottom: 1px solid #f0ebe2;
}

body .xoo-wsc-img-col img {
	border-radius: 12px;
	border: 1px solid #f0ebe2;
}

body .xoo-wsc-pname a {
	color: #4f4636;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.15s ease;
}

body .xoo-wsc-pname a:hover {
	color: #a67b5b;
}

body .xoo-wsc-sml-qty,
body .xoo-wsc-pprice {
	color: #8a7b60;
	font-size: 0.88rem;
}

body .xoo-wsc-pprice del,
body .xoo-wsc-pprice del .amount {
	color: #b9ac95;
}

body .xoo-wsc-pprice ins,
body .xoo-wsc-pprice ins .amount {
	text-decoration: none;
	color: #2f2a1e;
	font-weight: 600;
}

body .xoo-wsc-smr-ptotal,
body .xoo-wsc-smr-ptotal .amount {
	color: #2f2a1e;
	font-weight: 600;
}

/* Quitar producto: papelera discreta que se enciende en rojo cálido. */

body .xoo-wsc-smr-del {
	color: #8a7b60;
	cursor: pointer;
	transition: color 0.15s ease;
}

body .xoo-wsc-smr-del:hover {
	color: #b35643;
}

/* "Ahorras $..." como pastilla dorada suave. */

body .xoo-wsc-psavings {
	display: inline-block;
	background: #fdf8e7;
	color: #8c6d0e;
	border-radius: 999px;
	padding: 2px 10px;
	font-size: 0.78rem;
}

/* Franja de confianza (Pago Seguro / Envío Rápido / Garantía). */

body .xoo-wsc-info-cont {
	border-top: 1px solid #f0ebe2;
	background: #faf7f1;
}

body .xoo-wsc-info-cont i {
	color: #8a7b60;
	font-style: normal;
}

/* ---------- Pie ---------- */

body .xoo-wsc-footer {
	background: #faf7f1;
	border-top: 1px solid #e5e0d8;
}

body .xoo-wsc-ft-amt-label {
	color: #8a7b60;
}

body .xoo-wsc-ft-amt-value,
body .xoo-wsc-ft-amt-value .amount {
	color: #2f2a1e;
	font-weight: 600;
}

body .xoo-wsc-ft-amt-savings .xoo-wsc-ft-amt-value,
body .xoo-wsc-ft-amt-savings .xoo-wsc-ft-amt-value .amount {
	color: #8c6d0e;
}

body .xoo-wsc-footer-txt {
	color: #8a7b60;
	font-size: 0.82rem;
}

/* Botones del pie: checkout dorado, los demás en píldora neutra.
   El personalizador del Side Cart imprime CSS inline con selectores de
   dos clases (a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart), así que aquí se
   igualan y se les suma "body" para ganar la cascada. */

body a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart,
body a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout,
body a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-continue {
	border-radius: 999px;
	font-weight: 600;
	font-size: 0.95rem;
	text-transform: none;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

body a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart,
body a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-continue {
	background-color: #fff;
	border: 1px solid #e5e0d8;
	color: #4f4636;
}

body a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart:hover,
body a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-continue:hover {
	background-color: #fdf8e7;
	border: 1px solid #c9a227;
	color: #2f2a1e;
	border-radius: 999px;
}

body a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout {
	background-color: #c9a227;
	border: 1px solid #c9a227;
	color: #fff;
}

body a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout:hover {
	background-color: #b8931f;
	border: 1px solid #b8931f;
	color: #fff;
	border-radius: 999px;
	box-shadow: 0 8px 18px rgba(201, 162, 39, 0.35);
}

body a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout .amount,
body a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout:hover .amount,
body a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout .woocommerce-Price-currencySymbol {
	color: #fff;
}

/* Botón de "carrito vacío" (Ir a la tienda): dorado como el checkout. */

body .xoo-wsc-empty-cart a.xoo-wsc-btn {
	background-color: #c9a227;
	border: 2px solid #c9a227;
	border-radius: 999px;
	color: #fff;
	font-weight: 600;
	text-transform: none;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body .xoo-wsc-empty-cart a.xoo-wsc-btn:hover {
	background-color: #b8931f;
	border: 2px solid #b8931f;
	border-radius: 999px;
	color: #fff;
	box-shadow: 0 8px 18px rgba(201, 162, 39, 0.35);
}

/* ---------- Loader ---------- */

body .xoo-wsc-loader-icon {
	color: #c9a227;
}