/* =========================================================
   PAUER · cart drawer (plugin side-cart-woocommerce)
   Loaded by inc/side-cart.php only where the drawer exists, after the plugin CSS.
   Flat: white, 1px lines, Inter, black pill button. No shadows, no grey panels.
   ========================================================= */

.xoo-wsc-modal{
  --sc-ink:var(--ink,#0F0F0F);
  --sc-txt-2:var(--txt-2,#5F6368);
  --sc-line:#E5E5E5;
  --sc-thumb:var(--grey-100,#F3F3F1);
  --sc-pad:24px;
  --sc-ease:cubic-bezier(.2,.65,.3,1);
  font-family:'Inter',-apple-system,sans-serif;
  letter-spacing:-.011em;
  -webkit-font-smoothing:antialiased;
}
.xoo-wsc-modal:focus{outline:none}

/* ---------- Panel + backdrop ---------- */
.xoo-wsc-modal .xoo-wsc-container{
  top:0;bottom:0;right:0;left:auto;
  width:100%;max-width:420px;
  background:#fff;color:var(--sc-ink);
  box-shadow:none;
  border-left:1px solid var(--sc-line);
  transform:translateX(100%);
  visibility:hidden;
  transition:transform .34s var(--sc-ease), visibility 0s linear .34s;
  font-family:inherit;
}
.xoo-wsc-cart-active .xoo-wsc-modal .xoo-wsc-container{
  right:0;
  transform:none;
  visibility:visible;
  transition:transform .34s var(--sc-ease), visibility 0s;
}
.xoo-wsc-modal .xoo-wsc-opac{background:#000}
.xoo-wsc-cart-active .xoo-wsc-modal .xoo-wsc-opac{opacity:.32}
.xoo-wsc-basket{display:none !important} /* floating bubble: the header bag icon does this */

@media (max-width:480px){
  .xoo-wsc-modal{--sc-pad:20px}
  .xoo-wsc-modal .xoo-wsc-container{max-width:100%;border-left:0}
}
@media (prefers-reduced-motion:reduce){
  .xoo-wsc-modal .xoo-wsc-container,
  .xoo-wsc-cart-active .xoo-wsc-modal .xoo-wsc-container,
  .xoo-wsc-modal .xoo-wsc-opac,
  .xoo-wsc-modal .pfs-progress-fill{transition:none !important}
}

/* Loading: light veil + thin spinner (no grey block, no icon font) */
.xoo-wsc-modal span.xoo-wsc-loader{background:#fff;opacity:.6}
.xoo-wsc-modal .xoo-wsc-loading .xoo-wsc-loader-icon,
.xoo-wsc-modal .xoo-wsc-loader-icon{font-size:0;width:22px;height:22px;top:calc(50% - 11px);left:calc(50% - 11px);border:1.5px solid var(--sc-line);border-top-color:var(--sc-ink);border-radius:50%}
.xoo-wsc-modal .xoo-wsc-loader-icon::before{content:none}

/* ---------- Header: "Tu carrito (2)" + close ---------- */
.xoo-wsc-modal .xoo-wsc-header{
  padding:0 8px 0 var(--sc-pad);
  background:#fff;color:var(--sc-ink);
  border-bottom:1px solid var(--sc-line);
}
.xoo-wsc-modal .pv3-sc-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:64px;margin:0;
}
.xoo-wsc-modal .pv3-sc-title{
  margin:0;font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.2;
}
.xoo-wsc-modal .pv3-sc-count{font-weight:400;color:var(--sc-txt-2);margin-left:2px}
.xoo-wsc-modal .pv3-sc-close{
  position:static;
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--sc-ink);cursor:pointer;
  transition:background-color .15s;
}
.xoo-wsc-modal .pv3-sc-close .ico{width:22px;height:22px}
.xoo-wsc-modal .pv3-sc-close:hover{background:var(--sc-thumb)}
.xoo-wsc-modal .pv3-sc-close:focus-visible,
.xoo-wsc-modal .pv3-sc-remove:focus-visible,
.xoo-wsc-modal .xoo-wsc-chng:focus-visible,
.xoo-wsc-modal a:focus-visible{outline:2px solid var(--sc-ink);outline-offset:2px}

/* Plugin notices (e.g. "max quantity"): flat, one line */
.xoo-wsc-modal ul.xoo-wsc-notices li{padding:12px var(--sc-pad);font-size:13px}
.xoo-wsc-modal .xoo-wsc-notice-success,
.xoo-wsc-modal .xoo-wsc-notice-error{border:0;border-bottom:1px solid var(--sc-line)}
.xoo-wsc-modal .xoo-wsc-notice-success{background:#fff;color:var(--sc-ink)}

/* ---------- Body ---------- */
.xoo-wsc-modal .xoo-wsc-body{background:#fff}

/* Free-shipping progress (plugin pauer-free-shipping): one quiet line + a thin rule */
.xoo-wsc-modal .pfs-progress-wrapper{padding:14px var(--sc-pad) 16px;border-bottom:1px solid var(--sc-line)}
.xoo-wsc-modal .pfs-progress-text{margin:0 0 10px;font-size:13px;line-height:1.4;color:var(--sc-txt-2);letter-spacing:-.005em}
.xoo-wsc-modal .pfs-progress-text strong,
.xoo-wsc-modal .pfs-progress-text .woocommerce-Price-amount,
.xoo-wsc-modal .pfs-progress-text bdi{font-weight:600;color:var(--sc-ink)}
.xoo-wsc-modal .pfs-progress-track{height:2px;background:var(--sc-line);border-radius:2px}
.xoo-wsc-modal .pfs-progress-fill{background:var(--sc-ink);border-radius:2px}
.xoo-wsc-modal .pfs-progress-divider{display:none}
.xoo-wsc-modal .pfs-free-unlocked .pfs-progress-text{color:var(--sc-ink);font-weight:500}

/* Line items */
.xoo-wsc-modal .xoo-wsc-products{padding:0 var(--sc-pad)}
.xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product.pv3-sc-item{
  display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:start;
  margin:0;padding:20px 0;border-radius:0;box-shadow:none;background:transparent;
  border-bottom:1px solid var(--sc-line);
}
.xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product.pv3-sc-item:last-child{border-bottom:0}
.xoo-wsc-modal .xoo-wsc-products .xoo-wsc-img-col.pv3-sc-thumb{align-self:start;width:80px;max-width:none}
.xoo-wsc-modal .pv3-sc-thumb a{display:block}
.xoo-wsc-modal .xoo-wsc-products .xoo-wsc-img-col.pv3-sc-thumb img{
  display:block;width:80px;height:80px;max-width:none;object-fit:cover;
  background:var(--sc-thumb);border-radius:var(--r-xs,8px);
}
.xoo-wsc-modal .xoo-wsc-products .xoo-wsc-sum-col.pv3-sc-info{width:auto;padding:0;min-width:0;display:flex;flex-direction:column;gap:2px}
.xoo-wsc-modal .pv3-sc-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.xoo-wsc-modal .xoo-wsc-products .xoo-wsc-pname,
.xoo-wsc-modal .xoo-wsc-products .xoo-wsc-pname a{
  font-size:14px;font-weight:600;line-height:1.35;color:var(--sc-ink);letter-spacing:-.01em;
  min-width:0;overflow-wrap:anywhere;
}
.xoo-wsc-modal .xoo-wsc-products .xoo-wsc-pname a:hover{text-decoration:underline;text-underline-offset:3px}
.xoo-wsc-modal .xoo-wsc-products .xoo-wsc-smr-ptotal,
.xoo-wsc-modal .xoo-wsc-products .xoo-wsc-smr-ptotal .amount{
  font-size:14px;font-weight:600;color:var(--sc-ink);white-space:nowrap;
}
.xoo-wsc-modal .xoo-wsc-products .pv3-sc-meta,
.xoo-wsc-modal .xoo-wsc-products .pv3-sc-meta .amount,
.xoo-wsc-modal .xoo-wsc-products .pv3-sc-meta a{font-size:13px;line-height:1.4;color:var(--sc-txt-2)}
.xoo-wsc-modal .xoo-wsc-product dl.variation dd,
.xoo-wsc-modal .xoo-wsc-product dl.variation dt{font-style:normal}

.xoo-wsc-modal .pv3-sc-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}

/* Quantity pill */
.xoo-wsc-modal .xoo-wsc-qty-box.pv3-sc-qty{
  display:inline-flex;align-items:center;
  max-width:none;width:auto;height:36px;margin:0;padding:0 2px;
  border:1px solid var(--sc-line);border-radius:var(--pill,999px);background:#fff;
}
.xoo-wsc-modal .pv3-sc-qty .xoo-wsc-chng{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--sc-ink);cursor:pointer;line-height:1;
  transition:background-color .15s;
}
.xoo-wsc-modal .pv3-sc-qty .xoo-wsc-chng:hover{background:var(--sc-thumb)}
.xoo-wsc-modal .pv3-sc-qty input[type="number"].xoo-wsc-qty{
  width:28px;height:32px;line-height:32px;padding:0;margin:0;
  border:0;border-radius:0;background:transparent;color:var(--sc-ink);
  font-size:14px;font-weight:500;text-align:center;
  -moz-appearance:textfield;appearance:textfield;
}
.xoo-wsc-modal .pv3-sc-qty input.xoo-wsc-qty::-webkit-outer-spin-button,
.xoo-wsc-modal .pv3-sc-qty input.xoo-wsc-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.xoo-wsc-modal .pv3-sc-qty input.xoo-wsc-qty:focus{outline:none}
.xoo-wsc-modal .pv3-sc-qty:focus-within{border-color:var(--sc-ink)}
.xoo-wsc-modal .xoo-wsc-sml-qty{font-size:13px;color:var(--sc-txt-2)}

/* Remove: small text link */
.xoo-wsc-modal .pv3-sc-remove{
  margin:0 0 0 auto;padding:10px 0;border:0;background:none;cursor:pointer;
  font-size:13px;font-weight:400;text-transform:none;letter-spacing:-.005em;
  color:var(--sc-txt-2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#C9C9C6;
}
.xoo-wsc-modal .pv3-sc-remove:hover{color:var(--sc-ink);text-decoration-color:currentColor}

/* Empty state */
.xoo-wsc-modal .xoo-wsc-empty-cart{
  min-height:100%;padding:48px var(--sc-pad);
  justify-content:center;text-align:center;gap:20px;
}
.xoo-wsc-modal .xoo-wsc-empty-cart > *{margin:0}
.xoo-wsc-modal .xoo-wsc-emp-img{display:none}
.xoo-wsc-modal .xoo-wsc-emp-txt{font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--sc-ink)}

/* ---------- Footer ---------- */
.xoo-wsc-modal .xoo-wsc-footer{
  padding:20px var(--sc-pad) calc(20px + env(safe-area-inset-bottom,0px));
  background:#fff;color:var(--sc-ink);box-shadow:none;
  border-top:1px solid var(--sc-line);
}
.xoo-wsc-modal .xoo-wsc-footer:not(:has(.xoo-wsc-ft-totals, .xoo-wsc-ft-btn)){display:none}
.xoo-wsc-modal .xoo-wsc-footer,
.xoo-wsc-modal .xoo-wsc-footer a,
.xoo-wsc-modal .xoo-wsc-footer .amount{font-size:15px}
.xoo-wsc-modal .xoo-wsc-ft-totals{padding:0}
.xoo-wsc-modal .xoo-wsc-ft-amt,
.xoo-wsc-modal .xoo-wsc-ft-amt-subtotal{display:flex;justify-content:space-between;align-items:baseline;margin:0;padding:0;font-weight:600}
.xoo-wsc-modal span.xoo-wsc-ft-amt-label{font-weight:600;padding:0}
.xoo-wsc-modal span.xoo-wsc-ft-amt-label::after{content:none}
.xoo-wsc-modal .xoo-wsc-ft-amt-value,
.xoo-wsc-modal .xoo-wsc-ft-amt-value .amount{font-weight:600;color:var(--sc-ink)}
.xoo-wsc-modal span.xoo-wsc-footer-txt{
  display:block;margin:4px 0 16px;text-align:left;
  font-size:13px;line-height:1.4;color:var(--sc-txt-2);
}
.xoo-wsc-modal .xoo-wsc-ft-totals + .xoo-wsc-ft-buttons-cont{margin-top:16px}
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont{display:flex;flex-direction:column;gap:8px}

/* Buttons: same black pill as "Añadir al carrito" */
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn,
.xoo-wsc-modal .xoo-wsc-container a.xoo-wsc-btn{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:52px;padding:0 26px;
  border:0;border-radius:var(--pill,999px);
  background:var(--sc-ink);color:#fff;
  font-size:15px;font-weight:600;letter-spacing:-.01em;text-transform:none;
  transition:background-color .15s;
}
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover,
.xoo-wsc-modal .xoo-wsc-container a.xoo-wsc-btn:hover{background:#333;color:#fff;border:0}
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn .amount{color:#fff;font-style:normal}
.xoo-wsc-modal .xoo-wsc-empty-cart a.xoo-wsc-btn{width:auto;height:48px;font-size:14px}
/* Secondary buttons (if someone fills "Ver carrito"/"Continuar comprando" in the plugin texts): text links */
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-cart,
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-continue{
  height:40px;background:transparent;color:var(--sc-ink);font-size:14px;font-weight:500;
  text-decoration:underline;text-underline-offset:3px;text-decoration-color:#C9C9C6;
}
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-cart:hover,
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-continue:hover{background:transparent;color:var(--sc-ink);text-decoration-color:currentColor}

/* Scrollbar: thin, no track */
.xoo-wsc-modal .xoo-wsc-body::-webkit-scrollbar{width:6px}
.xoo-wsc-modal .xoo-wsc-body::-webkit-scrollbar-track{background:transparent}
.xoo-wsc-modal .xoo-wsc-body::-webkit-scrollbar-thumb{background:#D6D6D3;border-radius:6px}