/* ============================================================
   Cesta lateral mendezz — rediseño on-brand (Xoo Side Cart)
   Solo carga vía el child theme de instituto (no afecta otros
   sitios que comparten el plugin). Marca: azul #3B30E8, verde
   #15A36A, Poppins + Inter. Solo estética.
   ============================================================ */

:root {
  --mzsc-azul: #3B30E8;
  --mzsc-azul-deep: #1A1668;
  --mzsc-verde: #15A36A;
  --mzsc-ink: #1f2430;
  --mzsc-mute: #6B7280;
  --mzsc-line: #ECEEF6;
  --mzsc-bg: #F6F7FA;
}

/* ---- Botón flotante (basket) ---- */
.xoo-wsc-basket {
  background: linear-gradient(135deg, var(--mzsc-azul) 0%, var(--mzsc-azul-deep) 100%) !important;
  box-shadow: 0 10px 28px rgba(59,48,232,.38) !important;
  border: 0 !important;
}
.xoo-wsc-basket .xoo-wsc-bki,
.xoo-wsc-basket i, .xoo-wsc-basket svg { color: #fff !important; fill: #fff !important; }
.xoo-wsc-items-count,
.xoo-wsc-sc-count {
  background: var(--mzsc-verde) !important; color: #fff !important;
  font-family: 'Inter', sans-serif !important; font-weight: 700 !important;
  box-shadow: 0 2px 6px rgba(21,163,106,.4) !important;
}

/* ---- Overlay + contenedor ---- */
.xoo-wsc-opac { background: rgba(16,24,40,.45) !important; }
.xoo-wsc-container {
  font-family: 'Inter', -apple-system, sans-serif !important;
  box-shadow: -16px 0 48px rgba(16,24,40,.16) !important;
  background: #fff !important;
}

/* ---- Header ---- */
.xoo-wsch-top {
  background: #fff !important;
  border-bottom: 1px solid var(--mzsc-line) !important;
  padding: 20px 22px !important;
}
.xoo-wsc-header, .xoo-wsch-top .xoo-wsc-cart-heading,
.xoo-wsch-top span, .xoo-wsch-top h2, .xoo-wsch-top .xoo-wsc-bki + * {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: var(--mzsc-ink) !important;
  text-transform: none !important;
}
.xoo-wsc-cart-close, .xoo-wsch-top .xoo-wsc-close,
.xoo-wsc-modal .xoo-wsc-cart-close { color: var(--mzsc-mute) !important; transition: color .15s; }
.xoo-wsc-cart-close:hover { color: var(--mzsc-azul) !important; }

/* ---- Cuerpo / lista de productos ---- */
.xoo-wsc-body { background: #fff !important; padding: 8px 22px !important; }
.xoo-wsc-product {
  border-bottom: 1px solid var(--mzsc-line) !important;
  padding: 18px 0 !important;
  align-items: center !important;
}
.xoo-wsc-img-col img,
.xoo-wsc-product img {
  border-radius: 13px !important;
  box-shadow: 0 4px 14px rgba(16,24,40,.10) !important;
  border: 1px solid var(--mzsc-line) !important;
}
.xoo-wsc-pname, .xoo-wsc-pname a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important; font-size: 14.5px !important;
  color: var(--mzsc-ink) !important; line-height: 1.35 !important;
}
.xoo-wsc-product .xoo-wsc-smr,
.xoo-wsc-product .product-price,
.xoo-wsc-product .xoo-wsc-price { color: var(--mzsc-mute) !important; font-size: 13px !important; }

/* ---- Stepper de cantidad ---- */
.xoo-wsc-qty-box {
  border: 1px solid var(--mzsc-line) !important;
  border-radius: 10px !important; overflow: hidden !important;
  background: #fff !important;
}
.xoo-wsc-minus, .xoo-wsc-plus, .xoo-wsc-chng {
  color: var(--mzsc-azul) !important;
  background: #fff !important;
  font-weight: 700 !important;
  transition: background .15s, color .15s !important;
}
.xoo-wsc-minus:hover, .xoo-wsc-plus:hover, .xoo-wsc-chng:hover {
  background: #EEF0FE !important; color: var(--mzsc-azul-deep) !important;
}
.xoo-wsc-qty {
  color: var(--mzsc-ink) !important; font-weight: 600 !important;
  background: #fff !important; border: 0 !important;
}
/* Eliminar producto */
.xoo-wsc-product .xoo-wsc-remove, .xoo-wsc-product .xoo-wsc-rmple,
.xoo-wsc-product .dashicons-no-alt { color: #C0C4CE !important; transition: color .15s; }
.xoo-wsc-product .xoo-wsc-remove:hover, .xoo-wsc-product .xoo-wsc-rmple:hover { color: #e85347 !important; }

/* ---- Barra de envío gratis ---- */
.xoo-wsc-sb-bar { background: linear-gradient(90deg, var(--mzsc-azul), var(--mzsc-verde)) !important; }
.xoo-wsc-ship-bar-cont { background: var(--mzsc-bg) !important; border-radius: 8px !important; }

/* ---- Cupón ---- */
.xoo-wsc-coupon-row input { border-radius: 9px !important; border: 1px solid var(--mzsc-line) !important; }
.xoo-wsc-sl-apply-coupon, .xoo-wsc-cr-code { color: var(--mzsc-azul) !important; font-weight: 600 !important; }

/* ---- Footer / totales ---- */
.xoo-wsc-ft-totals {
  background: #fff !important;
  border-top: 1px solid var(--mzsc-line) !important;
  padding: 16px 22px 6px !important;
}
.xoo-wsc-ft-amt-label { color: var(--mzsc-mute) !important; font-size: 13.5px !important; }
.xoo-wsc-ft-amt-value { color: var(--mzsc-ink) !important; font-weight: 600 !important; }
.xoo-wsc-ft-amt-total { padding-top: 8px !important; }
.xoo-wsc-ft-amt-total .xoo-wsc-ft-amt-label {
  font-family: 'Poppins', sans-serif !important; font-weight: 700 !important;
  color: var(--mzsc-ink) !important; font-size: 15px !important;
}
.xoo-wsc-ft-amt-total .xoo-wsc-ft-amt-value {
  font-family: 'Poppins', sans-serif !important; font-weight: 800 !important;
  color: var(--mzsc-azul) !important; font-size: 22px !important;
}

/* ---- Botones de acción ---- */
.xoo-wsc-ft-buttons-cont { padding: 8px 22px 22px !important; gap: 10px !important; }
.xoo-wsc-ft-btn {
  font-family: 'Poppins', sans-serif !important; font-weight: 700 !important;
  font-size: 14px !important; border-radius: 13px !important;
  padding: 14px 18px !important; letter-spacing: .01em !important;
  transition: transform .12s, box-shadow .15s, filter .15s, background .15s !important;
  text-align: center !important;
}
/* Primario — proceder con la orden */
.xoo-wsc-ft-btn-checkout {
  background: linear-gradient(135deg, var(--mzsc-azul) 0%, var(--mzsc-azul-deep) 100%) !important;
  color: #fff !important; border: 0 !important;
  box-shadow: 0 10px 26px rgba(59,48,232,.32) !important;
}
.xoo-wsc-ft-btn-checkout:hover { transform: translateY(-2px) !important; box-shadow: 0 14px 34px rgba(59,48,232,.42) !important; filter: brightness(1.05) !important; }
.xoo-wsc-ft-btn-checkout:active { transform: translateY(0) !important; }
/* Secundario — agregar otro producto */
.xoo-wsc-ft-btn-continue {
  background: #fff !important; color: var(--mzsc-azul) !important;
  border: 1.5px solid #DADCEC !important; box-shadow: none !important;
}
.xoo-wsc-ft-btn-continue:hover { background: #F4F5FE !important; border-color: var(--mzsc-azul) !important; }

/* ---- Estado vacío ---- */
.xoo-wsc-empty-cart { color: var(--mzsc-mute) !important; font-family: 'Inter', sans-serif !important; }
.xoo-wsc-empty-cart a, .xoo-wsc-ecl a { color: var(--mzsc-azul) !important; font-weight: 600 !important; }

/* ---- Loader on-brand ---- */
.xoo-wsc-loader, .xoo-wsc-loading svg { color: var(--mzsc-azul) !important; }