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

/* ===== BLUE CANVAS ===== */
.xoo-wsc-modal .xoo-wsc-container{ background:var(--c-blue-pale-2); border-top:6px solid var(--c-blue); }
.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:var(--c-grey-dark); position:absolute; left:0; top:0; line-height:28px; z-index:1; }
.xoo-wsc-ctxt:after{ content:"YOUR CART"; font-size:13px; letter-spacing:.22em; font-weight:600; color:#5a6067; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin-left:8px; }
/* dynamic count badge - uses XOO real .xoo-wsc-sc-count (updates with cart) */
.xoo-wsc-header .xoo-wsc-ctxt .xoo-wsc-sc-cont{ position:absolute; left:20px; top:-3px; font-size:0; z-index:2; }
.xoo-wsc-header .xoo-wsc-ctxt .xoo-wsc-sc-count{ display:flex; align-items:center; justify-content:center; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:var(--c-gold); color:var(--c-white); font-size:10px; font-weight:700; font-family:-apple-system,sans-serif; box-sizing:border-box; }

/* dynamic badge uses real .xoo-wsc-sc-count below */
.xoo-wsc-modal .xoo-wsc-icon-cross.xoo-wsc-close{ color:var(--c-grey-mid); }

/* ===== PRODUCT: white bubble card ===== */
.xoo-wsc-product{ display:flex; align-items:center; gap:14px; position:static; background:var(--c-white); 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:var(--c-grey-dark); 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:var(--f-serif); font-weight:500; color:var(--c-gold); font-size:21px; }
.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 var(--c-gold-light); 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:var(--c-grey-dark); 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:var(--c-gold); cursor:pointer; }
.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:var(--c-grey-mid); 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:var(--f-serif) !important; font-weight:500 !important; color:var(--c-gold) !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:var(--c-gold); color:var(--c-white); 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:var(--c-gold-dark); }
.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:var(--c-grey-mid); font-family:-apple-system,sans-serif; }


/* ===== HEADER cart: icon + gold badge using XOO live count (.el-cart-li) ===== */
.el-cart-li{ position:relative !important; display:inline-block !important; list-style:none; }
.el-cart-li .xoo-wsc-sc-cont{ position:relative !important; display:inline-block !important; width:28px !important; height:28px !important; text-decoration:none !important; }
.el-cart-li .xoo-wsc-sc-cont:before{ content:"\e904" !important; font-family:"Woo-Side-Cart" !important; font-size:23px !important; color:inherit !important; display:block !important; line-height:28px !important; text-align:center !important; }
.el-cart-li .xoo-wsc-sc-count{ position:absolute !important; top:-6px !important; right:-8px !important; min-width:18px !important; height:18px !important; padding:0 4px !important; background:var(--c-gold) !important; color:var(--c-white) !important; font-size:10px !important; font-weight:700 !important; font-family:-apple-system,BlinkMacSystemFont,sans-serif !important; border-radius:9px !important; display:flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; line-height:1 !important; }
#header .el-cart-li{ vertical-align:middle !important; position:relative !important; top:4px !important; }

/* ===== side-cart "added to cart" green notification: sit above the header icon ===== */
.xoo-wsc-notification-bar{ z-index:20 !important; }
.xoo-wsc-header .xoo-wsc-ctxt{ z-index:1 !important; }