/* En Balance 100 — Glass cart & checkout, v3
   Scoped strictly to body.woocommerce-cart / body.woocommerce-checkout
   One typeface (Albert Sans) throughout — size/weight carry hierarchy, not a second face. */

body.woocommerce-cart,
body.woocommerce-checkout {
  background: linear-gradient(150deg, #eef8f8 0%, #f8f5ee 45%, #faf1e6 100%) fixed;
  overflow-x: hidden;
}

/* kill the old mega header + shop sidebar entirely on these two pages —
   we replace them with one cohesive glass system below */
body.woocommerce-cart #header,
body.woocommerce-checkout #header,
body.woocommerce-cart .sidebar-position-left,
body.woocommerce-checkout .sidebar-position-left {
  display: none !important;
}
/* every wrapper level between #main-content and our template output —
   all of them, full width, no padding, no opaque background, so our
   canvas + the gradient truly reach every edge of the screen */
body.woocommerce-cart #main-content, body.woocommerce-checkout #main-content,
body.woocommerce-cart .bzotech-container, body.woocommerce-checkout .bzotech-container,
body.woocommerce-cart .bzotech-row, body.woocommerce-checkout .bzotech-row,
body.woocommerce-cart .content-sidebar-left, body.woocommerce-checkout .content-sidebar-left,
body.woocommerce-cart .content-wrap, body.woocommerce-checkout .content-wrap,
body.woocommerce-cart .content-page-default, body.woocommerce-checkout .content-page-default,
body.woocommerce-cart article.page, body.woocommerce-checkout article.page,
body.woocommerce-cart .entry-content, body.woocommerce-checkout .entry-content,
body.woocommerce-cart .woocommerce, body.woocommerce-checkout .woocommerce {
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}

.eb-glass-page, .eb-glass-page *{box-sizing:border-box;}
.eb-glass-page{
  position:relative;
  padding-bottom: 60px;
  font-family: "Albert Sans", system-ui, sans-serif;
  color:#161514;
  width:100%;
}
.eb-blob-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.eb-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.6;pointer-events:none;will-change:transform;}
.eb-blob-a{width:480px;height:480px;background:#4ecbd9;top:-140px;left:-140px;}
.eb-blob-b{width:440px;height:440px;background:#f0a870;top:80px;right:-180px;opacity:0.45;}
.eb-blob-c{width:380px;height:380px;background:#9fdcaf;bottom:-120px;left:32%;opacity:0.4;}

.eb-cart-content, .eb-checkout-content{
  animation: eb-fade-up .5s cubic-bezier(.16,1,.3,1) both;
}
@keyframes eb-fade-up{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}
@media (prefers-reduced-motion: reduce){
  .eb-cart-content, .eb-checkout-content{ animation:none; }
  .eb-blob{ transform:none !important; }
}

/* ---- our own minimal glass header (replaces the old mega-nav on these 2 pages) ---- */
.eb-mini-header{
  position:sticky; top:0; z-index:20;
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 40px;
  background:rgba(255,255,255,0.4);
  backdrop-filter:blur(34px) saturate(180%);
  -webkit-backdrop-filter:blur(34px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,0.7);
  box-shadow:0 1px 0 rgba(255,255,255,0.5), 0 8px 32px rgba(31,41,42,0.05);
}
.eb-mini-logo{display:flex;align-items:center;}
.eb-mini-logo img{height:34px;width:auto;display:block;}
.eb-mini-actions{display:flex;align-items:center;gap:22px;}
.eb-mini-link{font-size:13.5px;font-weight:600;color:#57534f;text-decoration:none;transition:color .2s ease;}
.eb-mini-link:hover{color:#2b98a5;}
.eb-mini-cart{position:relative;display:flex;color:#161514;text-decoration:none;}
.eb-mini-cart-count{position:absolute;top:-8px;right:-10px;background:#2b98a5;color:#fff;font-size:10px;font-weight:700;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;}

/* ---- steps ---- */
.eb-steps-wrap{position:relative;z-index:2;display:flex;justify-content:center;padding:26px 24px 6px;}
.eb-steps{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,0.4);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);border:1px solid rgba(255,255,255,0.75);border-radius:999px;padding:10px 22px;box-shadow:0 4px 18px rgba(31,41,42,0.07), inset 0 1px 0 rgba(255,255,255,0.6);}
.eb-step-item{display:flex;align-items:center;gap:9px;}
.eb-step-dot{width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(22,21,20,0.18);color:#8a8681;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;}
.eb-step-dot--active{background:#161514;border-color:#161514;color:#fff;}
.eb-step-label{font-size:13.5px;font-weight:500;color:#8a8681;}
.eb-step-label--active{font-weight:700;color:#161514;}
.eb-step-line{width:44px;height:1px;background:rgba(22,21,20,0.15);}
.eb-step-line--done{background:#161514;}

/* ---- shared glass card surface — items list, fields, summary all use this ---- */
.eb-glass-card{
  background:rgba(255,255,255,0.38);
  backdrop-filter:blur(36px) saturate(180%);
  -webkit-backdrop-filter:blur(36px) saturate(180%);
  border:1px solid rgba(255,255,255,0.8);
  border-radius:22px;
  padding:30px 32px;
  box-shadow:0 12px 40px rgba(31,41,42,0.10), inset 0 1px 0 rgba(255,255,255,0.75);
}

/* ---- cart layout ---- */
.eb-cart-content, .eb-checkout-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:24px 40px 0;}
.eb-cart-content{display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:start;}

.eb-title-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;}
.eb-title-row h1, .eb-checkout-h1{font-family:inherit;font-size:24px;font-weight:700;margin:0 0 18px;letter-spacing:-0.01em;}
.eb-count{font-size:14px;color:#6b6864;}

.eb-cart-item{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid rgba(22,21,20,0.10);}
.eb-cart-item:first-of-type{padding-top:0;}
.eb-item-thumb{width:88px;height:88px;border-radius:14px;flex-shrink:0;overflow:hidden;background:rgba(255,255,255,0.75);border:1px solid rgba(255,255,255,0.9);box-shadow:inset 0 1px 0 rgba(255,255,255,0.8);}
.eb-item-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.eb-item-body{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;}
.eb-item-top{display:flex;justify-content:space-between;gap:12px;}
.eb-item-name a{color:#161514;text-decoration:none;font-size:15px;font-weight:600;line-height:1.35;}
.eb-item-meta{font-size:12.5px;color:#767370;}
.eb-item-remove{background:none;border:none;cursor:pointer;padding:6px;color:#8a8681;align-self:flex-start;border-radius:50%;transition:background .2s ease, color .2s ease;}
.eb-item-remove:hover{background:rgba(217,90,60,0.1);color:#c94b2f;}
.eb-item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:6px;flex-wrap:wrap;gap:10px;}
.eb-item-price{font-size:16px;font-weight:700;color:#161514;}

.eb-item-qty .quantity, .eb-item-qty .detail-qty{
  display:flex;align-items:center;
  background:rgba(255,255,255,0.6);
  backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1px solid rgba(255,255,255,0.9);
  border-radius:999px;overflow:hidden;
  width:fit-content;
}
.eb-item-qty a.qty-up, .eb-item-qty a.qty-down{
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:#161514;text-decoration:none;transition:background .15s ease, transform .1s ease;
}
.eb-item-qty a.qty-up:hover, .eb-item-qty a.qty-down:hover{background:rgba(22,21,20,0.06);}
.eb-item-qty a.qty-up:active, .eb-item-qty a.qty-down:active{transform:scale(0.9);}
.eb-item-qty input.qty{
  width:34px;text-align:center;border:none;background:none;font-size:14px;font-weight:600;
  font-family:inherit;color:#161514;
}

.eb-cart-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;}
.eb-coupon{display:flex;gap:10px;flex:1;min-width:260px;}
.eb-coupon input{flex:1;padding:12px 16px;border:1px solid rgba(22,21,20,0.14);border-radius:10px;font-size:14px;font-family:inherit;background:rgba(255,255,255,0.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.eb-coupon-btn, .eb-update-cart{
  padding:12px 20px !important;border:1px solid #161514 !important;border-radius:10px !important;background:none !important;
  font-size:14px !important;font-weight:600 !important;cursor:pointer;color:#161514 !important;white-space:nowrap;font-family:inherit !important;
  transition:background .2s ease, color .2s ease, transform .1s ease;
  box-shadow:none !important;text-transform:none !important;
}
.eb-coupon-btn:hover, .eb-update-cart:hover{background:#161514 !important;color:#fff !important;}
.eb-coupon-btn:active, .eb-update-cart:active{transform:scale(0.97);}

.eb-continue-shopping{display:inline-flex;align-items:center;gap:6px;margin-top:22px;font-size:14px;font-weight:600;color:#2b98a5;text-decoration:none;}
.eb-continue-shopping:hover{color:#3bbfce;}

/* ---- summary glass card (cart + checkout order review) ---- */
.eb-summary, .eb-order-review-glass{
  position:sticky;top:88px;
  background:rgba(255,255,255,0.38);
  backdrop-filter:blur(36px) saturate(180%);
  -webkit-backdrop-filter:blur(36px) saturate(180%);
  border:1px solid rgba(255,255,255,0.8);
  border-radius:22px;
  padding:26px;
  box-shadow:0 12px 40px rgba(31,41,42,0.10), inset 0 1px 0 rgba(255,255,255,0.75);
}
.eb-summary-title{font-size:16px;font-weight:700;margin-bottom:16px;}
.eb-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#6b6864;padding:8px 0;}
.eb-strong{color:#161514;font-weight:600;}
.eb-sage{color:#3f7a52;font-weight:600;}
.eb-divider{height:1px;background:rgba(22,21,20,0.12);margin:10px 0;}
.eb-total span:first-child{font-size:15px;font-weight:700;color:#161514;}
.eb-total-amt{font-size:22px;font-weight:700;color:#161514;}

.eb-proceed{margin-top:18px;}
.eb-proceed a.checkout-button,
#place_order{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:16px;background:#000 !important;color:#fff !important;border:none;
  border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;
  box-shadow:0 8px 20px rgba(0,0,0,0.18);transition:transform .12s ease, box-shadow .2s ease;
  font-family:inherit;
}
.eb-proceed a.checkout-button:hover, #place_order:hover{box-shadow:0 10px 26px rgba(0,0,0,0.24);}
.eb-proceed a.checkout-button:active, #place_order:active{transform:scale(0.98);}

.eb-secure{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:16px;font-size:12.5px;color:#6b6864;}
.eb-chips{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(22,21,20,0.10);flex-wrap:wrap;}
.eb-chip{background:rgba(255,255,255,0.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.85);border-radius:8px;padding:5px 10px;font-size:10.5px;font-weight:700;color:#6b6864;}
.eb-chip--accent{color:#2b98a5;}

.eb-summary table, .eb-summary th, .eb-summary td{all:unset;display:block;}
.eb-row select, .eb-row input[type="text"]{
  font-family:inherit;padding:8px 10px;border-radius:8px;border:1px solid rgba(22,21,20,0.15);background:rgba(255,255,255,0.7);
}

/* ---- checkout ---- */
.eb-checkout-cols{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start;}

/* The theme floats WooCommerce's billing/shipping wrappers into two ~169px
   columns, which squeezes every field. Force them to stack full-width. */
.eb-checkout-fields-col .col2-set,
.eb-checkout-fields-col .col2-set .col-1,
.eb-checkout-fields-col .col2-set .col-2{
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.eb-checkout-fields-col .col2-set{display:block !important;}
.eb-checkout-fields-col .col2-set::after{content:"";display:table;clear:both;}
.eb-checkout-fields-col .col2-set .col-2{margin-top:26px;}

/* WooCommerce's own half-width rows: make them a real 2-up grid instead of floats */
.eb-checkout-fields-col .form-row-first,
.eb-checkout-fields-col .form-row-last{
  float:none !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;
}
.eb-checkout-fields-col #billing_first_name_field,
.eb-checkout-fields-col #billing_last_name_field,
.eb-checkout-fields-col #shipping_first_name_field,
.eb-checkout-fields-col #shipping_last_name_field{
  display:inline-block;width:calc(50% - 7px) !important;vertical-align:top;
}
.eb-checkout-fields-col #billing_last_name_field,
.eb-checkout-fields-col #shipping_last_name_field{margin-left:10px !important;}
.eb-fields-glass .form-row{margin-bottom:14px;}
.eb-fields-glass label{font-size:12.5px;font-weight:600;color:#767370;margin-bottom:5px;display:block;font-family:inherit;}
.eb-fields-glass input.input-text,
.eb-fields-glass select,
.eb-fields-glass textarea{
  width:100%;padding:12px 14px;border:1px solid rgba(22,21,20,0.12);border-radius:10px;
  font-size:14px;font-family:inherit;color:#161514;
  background:rgba(255,255,255,0.55);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.eb-fields-glass input.input-text:focus,
.eb-fields-glass select:focus,
.eb-fields-glass textarea:focus{
  outline:none;border-color:#3bbfce;box-shadow:0 0 0 3px rgba(59,191,206,0.18);
}

ul.payment_methods{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;}
ul.payment_methods li.woocommerce-PaymentMethod{
  border:1.5px solid rgba(22,21,20,0.1);border-radius:12px;padding:14px 16px;
  background:rgba(255,255,255,0.45);
  backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);
  transition:border-color .2s ease, background .2s ease;
}
ul.payment_methods li.woocommerce-PaymentMethod--active{
  border-color:#2b98a5;background:rgba(59,191,206,0.14);
}
ul.payment_methods label{font-weight:700;font-size:14px;font-family:inherit;}
.woocommerce-checkout-payment .payment_box{
  margin-top:10px;padding:14px;border-radius:10px;background:rgba(255,255,255,0.6);font-size:13.5px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}

.eb-order-review-glass table.shop_table{width:100%;border-collapse:collapse;}
.eb-order-review-glass table.shop_table th, .eb-order-review-glass table.shop_table td{
  text-align:left;padding:8px 0;font-size:14px;color:#6b6864;border:none;font-family:inherit;
}
.eb-order-review-glass table.shop_table tr.order-total th,
.eb-order-review-glass table.shop_table tr.order-total td{font-size:16px;font-weight:700;color:#161514;}
.eb-order-review-glass .product-name{color:#161514;}

.woocommerce-terms-and-conditions-wrapper{margin:16px 0;font-size:12.5px;color:#6b6864;}

/* the "have a coupon?" toggle (ShopEngine) — sibling of our canvas, ancestors
   above are transparent now, so body's gradient already shows through;
   give it the same padding rhythm + a glass pill so it reads as part of the system */
body.woocommerce-checkout .woocommerce-form-coupon-toggle{
  max-width:1400px;margin:0 auto;padding:22px 40px 0;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
body.woocommerce-checkout .shopengine-woocommerce-info{
  background:rgba(255,255,255,0.5) !important;
  backdrop-filter:blur(30px) saturate(170%);-webkit-backdrop-filter:blur(30px) saturate(170%);
  border:1px solid rgba(255,255,255,0.8) !important;
  border-radius:14px;color:#161514 !important;
  padding:14px 20px !important;font-size:13.5px;font-family:"Albert Sans",system-ui,sans-serif;
  box-shadow:0 4px 18px rgba(31,41,42,0.06);
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before{color:#2b98a5 !important;}
body.woocommerce-checkout .woocommerce-form-coupon-toggle a{color:#2b98a5;font-weight:600;}

/* Below ~1150px the side-by-side layout squeezes the form, so stack it */
@media (max-width: 1150px){
  .eb-cart-content, .eb-checkout-content{padding-left:20px;padding-right:20px;}
  .eb-cart-content{grid-template-columns:1fr;}
  .eb-checkout-cols{grid-template-columns:1fr;}
  .eb-summary, .eb-order-review-glass{position:static;}
  body.woocommerce-checkout .woocommerce-form-coupon-toggle{padding-left:20px;padding-right:20px;}
}
@media (max-width: 900px){
  .eb-mini-header{padding:14px 20px;}
  .eb-mini-link{display:none;}
  .eb-glass-card{padding:22px 20px;}
  .eb-checkout-fields-col #billing_first_name_field,
  .eb-checkout-fields-col #billing_last_name_field,
  .eb-checkout-fields-col #shipping_first_name_field,
  .eb-checkout-fields-col #shipping_last_name_field{
    display:block;width:100% !important;margin-left:0 !important;
  }
}