/* Envious Lashes - Side Cart (XOO). Parent XOO rules neutralized. Mockup layout. Jul 2026. */

/* ===== BLUE CANVAS ===== */
.xoo-wsc-modal .xoo-wsc-container{ background:#d8ecf3; border-top:6px solid #22a1c4; }
.xoo-wsc-modal .xoo-wsc-body,
.xoo-wsc-modal .xoo-wsc-content{ background:transparent; }
.xoo-wsc-content{ padding:0; }

/* ===== HEADER: cart icon + YOUR CART text + gold badge ===== */
.xoo-wsc-header{ border-bottom:0; padding:18px 20px; background:transparent; position:relative; }
.xoo-wsc-modal .xoo-wsc-header h4{ display:none; }
.xoo-wsc-header .xoo-wsc-ctxt{ font-size:0; position:relative; display:inline-flex; align-items:center; padding-left:40px; height:28px; overflow:visible; }
.xoo-wsc-ctxt:before{ content:"\e904"; font-family:"Woo-Side-Cart"; font-size:26px; color:#3a3f44; position:absolute; left:0; top:0; line-height:28px; z-index:1; }
.xoo-wsc-ctxt:after{ content:"YOUR CART"; font-size:13px; letter-spacing:.18em; font-weight:700; color:#6a7076; font-family:-apple-system,BlinkMacSystemFont,sans-serif; }
.xoo-wsc-modal .xoo-wsc-header:after{ content:"1"; position:absolute; font-size:10px; font-weight:700; color:#fff; background:#bb8238; min-width:17px; height:17px; padding:0 4px; border-radius:9px; display:flex; align-items:center; justify-content:center; left:44px; top:14px; font-family:-apple-system,sans-serif; box-sizing:border-box; }
.xoo-wsc-modal .xoo-wsc-icon-cross.xoo-wsc-close{ color:#8a8f94; }

/* ===== PRODUCT: white bubble card ===== */
.xoo-wsc-product{ display:flex; align-items:center; gap:14px; position:static; background:#fff; border:0; border-radius:14px; padding:14px 16px; margin:8px 16px 16px; box-shadow:0 2px 12px rgba(34,100,130,.12); }
.xoo-wsc-img-col{ flex:0 0 76px; width:76px; padding:0; border-radius:10px; overflow:hidden; }
.xoo-wsc-img-col img{ border-radius:10px; display:block; width:100%; }
.xoo-wsc-sum-col{ flex:1 1 auto; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; align-items:center; column-gap:12px; row-gap:3px; min-width:0; width:auto; margin:0; }
.xoo-wsc-sum-col .xoo-wsc-pname{ display:none; }
.xoo-wsc-sum-col > a:not(.xoo-wsc-remove){ grid-column:1; grid-row:1; align-self:end; display:block; font-size:24px; line-height:1.25; color:#3a3f44; font-weight:500; margin:0; text-decoration:none; }
.xoo-wsc-sum-col > div:not([class]){ display:none; }
.xoo-wsc-sum-col .show-mob{ display:none; }
.xoo-wsc-price{ grid-column:1; grid-row:2; align-self:start; display:block; margin:0; }
.xoo-wsc-price > span:first-child{ display:none; }
.xoo-wsc-price .woocommerce-Price-amount{ display:inline-block; font-family:"Playfair Display",Georgia,serif; font-weight:500; color:#bb8238; font-size:19px; }
.xoo-wsc-psrow{ grid-column:2; grid-row:1; display:flex; align-items:center; justify-content:flex-end; gap:0; padding:0; margin:0 0 0 auto; position:static; }
.xoo-wsc-qtybox{ display:inline-flex; align-items:center; position:static; float:none; width:auto; max-width:none; height:28px; border:1.5px solid #d8bd93; border-radius:7px; overflow:hidden; margin:0; padding:0; font-size:13px; font-family:-apple-system,sans-serif; font-weight:600; }
.xoo-wsc-qtybox *{ font-size:13px; font-weight:600; }
.xoo-wsc-qtybox input[type=number].xoo-wsc-qty{ width:24px !important; max-width:24px !important; height:26px; margin:0; text-align:center; border:0; background:transparent; color:#3a3f44; padding:0; font-size:14px !important; -moz-appearance:textfield; }
.xoo-wsc-qtybox input.xoo-wsc-qty::-webkit-outer-spin-button,
.xoo-wsc-qtybox input.xoo-wsc-qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.xoo-wsc-qtybox .xoo-wsc-minus,
.xoo-wsc-qtybox .xoo-wsc-plus{ width:22px; height:26px; display:flex; align-items:center; justify-content:center; border:0; color:#8a8f94; cursor:pointer; }
.xoo-wsc-qtybox .xoo-wsc-plus{ color:#bb8238; }
.xoo-wsc-ptotal,
.xoo-wsc-total{ display:none; }
.xoo-wsc-sum-col .hide-mob{ grid-column:2; grid-row:2; align-self:end; margin:8px 0 0; text-align:right; }
.xoo-wsc-remove.xoo-wsc-icon-trash{ display:inline-flex; align-items:center; position:static; float:none; background:none; padding:0; margin:0; line-height:1; color:#a0a5aa; font-family:-apple-system,sans-serif; font-weight:500; font-size:14px; text-decoration:none; }
.xoo-wsc-modal .xoo-wsc-remove.xoo-wsc-icon-trash:before{ display:inline-flex; align-items:center; content:"\e908"; font-family:"Woo-Side-Cart"; font-size:14px; color:#a0a5aa; margin-right:5px; background:none; line-height:1; }

/* ===== FOOTER + SUBTOTAL ===== */
.xoo-wsc-footer{ background:transparent; padding:0 16px 16px; font-family:-apple-system,sans-serif; }
.xoo-wsc-subtotal.xoo-wsc-tool{ display:flex; align-items:center; justify-content:space-between; border:0; background:transparent; border-radius:0; padding:8px 4px 16px; margin:0; box-shadow:none; }
.xoo-wsc-tools-label{ font-size:14px; letter-spacing:.14em; text-transform:uppercase; color:#8a8f94; font-weight:700; line-height:1.4; }
.xoo-wsc-subtotal .woocommerce-Price-amount,
.xoo-wsc-subtotal span.amount,
.xoo-wsc-subtotal .xoo-wsc-tools-value .amount,
.xoo-wsc-subtotal .xoo-wsc-tools-value .woocommerce-Price-amount{ font-family:"Playfair Display",Georgia,serif !important; font-weight:500 !important; color:#bb8238 !important; font-size:24px !important; text-align:right; }
.xoo-wsc-subtotal .xoo-wsc-tools-value{ text-align:right; margin-left:auto; }

/* ===== GOLD CHECKOUT BUTTON + shipping line ===== */
.xoo-wsc-footer .btn.xoo-wsc-cart,
.xoo-wsc-ft-btn.xoo-wsc-cart{ display:flex !important; align-items:center; justify-content:center; width:auto; min-height:54px !important; background:#bb8238; color:#fff; border:0; border-radius:10px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; padding:0 20px !important; margin:0 auto; font-size:13px; box-shadow:none; font-family:-apple-system,sans-serif; }
.xoo-wsc-footer .btn.xoo-wsc-cart span,
.xoo-wsc-ft-btn.xoo-wsc-cart span{ display:inline; padding:0; font-size:13px; line-height:54px; }
.xoo-wsc-ft-btn.xoo-wsc-cart:hover{ background:#a06d2c; }
.xoo-wsc-footer .xoo-wsc-ft-buttons:after{ content:"Shipping calculated at checkout"; display:block; text-align:center; margin-top:12px; font-size:12px; color:#8a8f94; font-family:-apple-system,sans-serif; }