.elementor-52 .elementor-element.elementor-element-19105c1d{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-36abc300 *//* ============================================================================
   MommyTales Store — Premium Cart Page Styling
   ----------------------------------------------------------------------------
   WHERE TO ADD THIS:
   Same place as the other page CSS — Appearance → Customize → Additional CSS.
   Add it alongside the My Account / Login-Register CSS you already have
   there (different pages, no conflicts).

   This targets WooCommerce's standard cart page classes (shop_table.cart,
   cart_totals, coupon, etc.) — the same markup every WooCommerce site uses
   for /cart/.
   ============================================================================ */

:root{
  --mt-pink:#EC1E63;
  --mt-pink-dark:#D10E52;
  --mt-purple:#7B5FBF;
  --mt-bg-soft:#FDF0F2;
  --mt-text-dark:#241F47;
  --mt-text-soft:#6B6580;
  --mt-line:#F2E9EC;
}

.woocommerce-cart .woocommerce{
  max-width:1200px; margin:16px auto 40px; padding:0 20px;
  display:flex; flex-wrap:wrap; gap:24px; align-items:flex-start;
}

/* ---------- Left side: the product table + coupon row ---------- */
.woocommerce-cart form.woocommerce-cart-form{
  flex:1; min-width:320px;
  background:#fff; border:1.5px solid var(--mt-line); border-radius:20px;
  padding:6px 20px; box-shadow:0 10px 26px -14px rgba(36,31,71,0.12);
}

table.shop_table.cart{ border:none !important; width:100%; border-collapse:collapse; }
table.shop_table.cart thead th{
  font-family:'Poppins', sans-serif; font-weight:600; font-size:12.5px;
  text-transform:uppercase; letter-spacing:0.03em; color:var(--mt-text-soft);
  border:none !important; padding:12px 10px !important; text-align:left;
}
table.shop_table.cart tbody tr.cart_item{
  border-top:1px solid var(--mt-line) !important; border-bottom:none !important;
}
table.shop_table.cart td{ border:none !important; padding:10px !important; }

/* Remove ("x") button — turn into a clean circular icon */
table.shop_table.cart td.product-remove a.remove{
  display:flex !important; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:50%;
  background:var(--mt-bg-soft); color:var(--mt-pink) !important;
  font-size:16px; line-height:1; text-decoration:none !important;
  transition:background .2s ease;
}
table.shop_table.cart td.product-remove a.remove:hover{ background:#FCE4E4; }

/* Product thumbnail */
table.shop_table.cart td.product-thumbnail img{
  border-radius:12px; width:52px; height:52px; object-fit:cover;
}

/* Product name */
table.shop_table.cart td.product-name a{
  font-family:'Poppins', sans-serif; font-weight:600; font-size:14.5px;
  color:var(--mt-text-dark) !important; text-decoration:none !important;
}
table.shop_table.cart td.product-name a:hover{ color:var(--mt-pink) !important; }

/* Price / Subtotal */
table.shop_table.cart td.product-price .amount,
table.shop_table.cart td.product-subtotal .amount{
  font-family:'Nunito', sans-serif; font-weight:700; font-size:14px;
  color:var(--mt-text-dark);
}
table.shop_table.cart td.product-subtotal .amount{ color:var(--mt-pink); font-weight:800; }

/* Quantity input */
table.shop_table.cart .quantity .qty{
  width:64px !important; padding:10px !important;
  border:1.5px solid var(--mt-line) !important; border-radius:10px !important;
  font-family:'Poppins', sans-serif; font-size:14px; text-align:center;
  outline:none !important;
}
table.shop_table.cart .quantity .qty:focus{ border-color:var(--mt-pink) !important; }

/* ---------- Coupon row ---------- */
table.shop_table.cart tr td.actions{ padding:14px 10px !important; }
.woocommerce-cart .coupon{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.woocommerce-cart .coupon input#coupon_code{
  padding:12px 16px !important; border:1.5px solid var(--mt-line) !important;
  border-radius:999px !important; font-family:'Poppins', sans-serif; font-size:13.5px;
  outline:none !important; min-width:180px;
}
.woocommerce-cart .coupon input#coupon_code:focus{ border-color:var(--mt-pink) !important; }
.woocommerce-cart .coupon button[name="apply_coupon"]{
  padding:12px 22px !important; border-radius:999px !important;
  background:#fff !important; color:var(--mt-pink) !important;
  border:1.5px solid var(--mt-pink) !important; font-weight:600 !important;
  font-size:13.5px !important; cursor:pointer; transition:all .2s ease;
}
.woocommerce-cart .coupon button[name="apply_coupon"]:hover{
  background:var(--mt-pink) !important; color:#fff !important;
}

/* "Update cart" button */
button[name="update_cart"]{
  margin-left:auto; padding:12px 24px !important; border-radius:999px !important;
  background:var(--mt-text-dark) !important; color:#fff !important;
  border:none !important; font-weight:600 !important; font-size:13.5px !important;
  cursor:pointer; transition:background .2s ease;
}
button[name="update_cart"]:hover{ background:#1a1533 !important; }

/* ---------- Right side: Cart totals card ---------- */
.woocommerce-cart .cart-collaterals{ flex:0 0 320px; }
.woocommerce-cart .cart_totals{
  background:#fff; border:1.5px solid var(--mt-line); border-radius:20px;
  padding:22px; box-shadow:0 10px 26px -14px rgba(36,31,71,0.12);
}
.woocommerce-cart .cart_totals h2{
  font-family:'Baloo 2', sans-serif !important; font-weight:800 !important;
  font-size:19px !important; color:var(--mt-text-dark) !important;
  margin-bottom:12px !important;
}
.woocommerce-cart .cart_totals table.shop_table{
  border:none !important; width:100%; border-collapse:collapse;
}
.woocommerce-cart .cart_totals table.shop_table,
.woocommerce-cart .cart_totals table.shop_table tbody{ display:block; width:100%; }
.woocommerce-cart .cart_totals table.shop_table tr{
  display:flex !important; align-items:center; justify-content:space-between;
  border:none !important; width:100%;
}
.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td{
  border-top:1px solid var(--mt-line) !important; border-bottom:none !important;
  padding:11px 0 !important; font-family:'Poppins', sans-serif; font-size:13.5px;
  color:var(--mt-text-soft); white-space:nowrap !important; width:auto !important;
}
.woocommerce-cart .cart_totals table.shop_table td{ text-align:right; }
.woocommerce-cart .cart_totals table.shop_table tr:first-child th,
.woocommerce-cart .cart_totals table.shop_table tr:first-child td{
  border-top:none !important;
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td{
  font-weight:800 !important; color:var(--mt-text-dark) !important; font-size:16px;
}
.woocommerce-cart .cart_totals .order-total .amount{
  font-family:'Nunito', sans-serif; font-weight:800; color:var(--mt-pink);
}

/* "Proceed to checkout" — this kept rendering as a circle/oval blob,
   meaning something with very high specificity (most likely Elementor's
   own generated per-widget CSS, since this is the Elementor "Cart"
   widget, not the plain WooCommerce shortcode) keeps fighting these
   rules. This version repeats the class .elementor-52 .elementor-element.elementor-element-36abc300 to force higher
   specificity, adds box-sizing/max-width safety nets so it can't
   overflow its container, and switches from a pill shape to a rounded
   rectangle — a pill is exactly what turns into an oval blob if
   something else is still influencing the width, a rectangle can't. */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.checkout-button.checkout-button,
.woocommerce-cart a.checkout-button.checkout-button.checkout-button,
a.wc-forward.checkout-button.checkout-button.checkout-button{
  box-sizing:border-box !important;
  display:flex !important; align-items:center; justify-content:center;
  width:100% !important; max-width:100% !important; min-width:0 !important;
  height:auto !important; min-height:0 !important; max-height:none !important;
  aspect-ratio:auto !important;
  margin:14px 0 0 0 !important;
  padding:14px 16px !important;
  border-radius:14px !important;
  background:var(--mt-pink) !important; color:#fff !important;
  font-weight:700 !important; font-size:14.5px !important;
  line-height:1.3 !important; white-space:normal !important; text-align:center;
  border:none !important; text-decoration:none !important;
  box-shadow:0 12px 26px -10px rgba(236,30,99,0.5);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.checkout-button.checkout-button:hover,
.woocommerce-cart a.checkout-button.checkout-button.checkout-button:hover{
  background:var(--mt-pink-dark) !important; transform:translateY(-2px);
}
/* The wrapper around the button — reset it too in case IT has the
   width/centering that's actually causing the overflow. */
.woocommerce-cart .wc-proceed-to-checkout{
  width:100% !important; max-width:100% !important;
  box-sizing:border-box !important; text-align:left !important;
}

/* ============================================================
   MOBILE — stack cart items as cards instead of a cramped table,
   stack totals card below full-width
   ============================================================ */
@media (max-width:680px){
  .woocommerce-cart .woocommerce{
    flex-direction:column; margin:10px auto 28px; padding:0 12px; gap:12px;
  }
  .woocommerce-cart form.woocommerce-cart-form{ padding:4px 12px; border-radius:16px; }

  table.shop_table.cart thead{ display:none; }
  table.shop_table.cart tbody tr.cart_item{
    display:flex; flex-wrap:wrap; align-items:center; gap:8px;
    padding:10px 0 !important;
  }
  table.shop_table.cart td{ padding:2px 5px !important; }
  table.shop_table.cart td.product-remove{ order:1; }
  table.shop_table.cart td.product-thumbnail{ order:2; }
  table.shop_table.cart td.product-thumbnail img{ width:44px; height:44px; }
  table.shop_table.cart td.product-name{ order:3; flex:1 1 100%; }
  table.shop_table.cart td.product-name a{ font-size:13.5px; }
  table.shop_table.cart td.product-price{ display:none; } /* redundant with subtotal on mobile */
  table.shop_table.cart td.product-quantity{ order:4; }
  table.shop_table.cart .quantity .qty{ width:52px !important; padding:8px !important; }
  table.shop_table.cart td.product-subtotal{ order:5; margin-left:auto; }
  table.shop_table.cart td.product-subtotal .amount{ font-size:13px; }

  table.shop_table.cart tr td.actions{ padding:12px 5px !important; }
  .woocommerce-cart .coupon{ flex-direction:column; align-items:stretch; gap:8px; }
  .woocommerce-cart .coupon input#coupon_code{ width:100%; padding:11px 14px !important; }
  .woocommerce-cart .coupon button[name="apply_coupon"]{ width:100%; padding:11px !important; }
  button[name="update_cart"]{ width:100%; margin-left:0; margin-top:8px; padding:11px !important; }

  .woocommerce-cart .cart-collaterals{ flex:1 1 100%; width:100%; }
  .woocommerce-cart .cart_totals{ padding:16px; border-radius:16px; }
  .woocommerce-cart .cart_totals h2{ font-size:17px !important; margin-bottom:8px !important; }
  .woocommerce-cart .cart_totals table.shop_table th,
  .woocommerce-cart .cart_totals table.shop_table td{ padding:8px 0 !important; font-size:13px; }
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    margin-top:10px !important; padding:12px 20px !important; font-size:13.5px !important;
  }
}/* End custom CSS */