.elementor-549 .elementor-element.elementor-element-28e3a05{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-549 .elementor-element.elementor-element-5baa1eb{padding:0px 0px 20px 0px;text-align:center;}.elementor-549 .elementor-element.elementor-element-5baa1eb .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:47px;font-weight:600;}.elementor-549 .elementor-element.elementor-element-1bf144e{--update-cart-automatically-display:none;}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-1bf144e *//* =========================================================
   Neréa Anthi – Cart Page Styling (WooCommerce)
   Paste in: Appearance → Customize → Additional CSS
   Matches: cream bg + warm cards + gold accents + soft lift
   ========================================================= */

:root{
  --na-cream:#F8F5F0;
  --na-warm:#FDFCFA;
  --na-text:#3D3D3D;
  --na-mid:#5A5A5A;
  --na-light:#7A7A7A;
  --na-gold:#C9A961;
  --na-heading:"Cormorant Garamond", serif;
  --na-body:"Montserrat", sans-serif;
  --na-radius:18px;
  --na-shadow:0 18px 45px rgba(0,0,0,0.06);
}

/* Page background */
body.woocommerce-cart{
  background: var(--na-cream);
}

body.woocommerce-cart .site-main{
  padding-top: 60px;
  padding-bottom: 80px;
  font-family: var(--na-body);
  color: var(--na-text);
}

/* Page title */
body.woocommerce-cart .woocommerce-products-header__title,
body.woocommerce-cart .entry-title{
  font-family: var(--na-heading);
  font-weight: 300;
  font-size: 56px;
  color: var(--na-text);
  text-align: center;
  margin: 0 0 28px;
}

/* Main cart form layout */
body.woocommerce-cart .woocommerce-cart-form{
  background: var(--na-warm);
  border-radius: var(--na-radius);
  padding: 30px 34px;
  transition: transform .25s ease, box-shadow .25s ease;
}

body.woocommerce-cart .woocommerce-cart-form:hover{
  transform: translateY(-3px);
  box-shadow: var(--na-shadow);
}

/* Cart table */
body.woocommerce-cart table.shop_table{
  border: none !important;
  border-collapse: collapse !important;
  width: 100%;
}

/* Table headers */
body.woocommerce-cart table.shop_table thead th{
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--na-light);
  font-weight: 500;
  padding: 14px 10px;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

/* Table rows */
body.woocommerce-cart table.shop_table tbody td{
  padding: 18px 10px;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  color: var(--na-mid);
  vertical-align: middle;
  font-size: 15px;
}

/* Product name */
body.woocommerce-cart .product-name a{
  font-family: var(--na-heading);
  font-size: 20px;
  font-weight: 400;
  color: var(--na-text);
  text-decoration: none;
}

body.woocommerce-cart .product-name a:hover{
  color: var(--na-gold);
}

/* Product thumbnail */
body.woocommerce-cart .product-thumbnail img{
  border-radius: 14px;
}

/* Price + subtotal */
body.woocommerce-cart .product-price,
body.woocommerce-cart .product-subtotal{
  color: var(--na-text);
}

body.woocommerce-cart .woocommerce-Price-amount{
  color: var(--na-gold);
  font-weight: 500;
}

/* Quantity input */
body.woocommerce-cart .quantity .qty{
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 999px !important;
  padding: 10px 14px !important;
  height: 44px !important;
  background: #fff !important;
  color: var(--na-text) !important;
}

/* Remove button (x) */
body.woocommerce-cart a.remove{
  color: var(--na-light) !important;
  background: transparent !important;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 999px;
  width: 28px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  transition: all .25s ease;
}

body.woocommerce-cart a.remove:hover{
  color: #fff !important;
  background: var(--na-gold) !important;
  border-color: var(--na-gold) !important;
}

/* Coupon field */
body.woocommerce-cart .coupon{
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

body.woocommerce-cart .coupon input#coupon_code{
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  height: 46px !important;
  min-width: 220px;
  background: #fff !important;
}

/* Buttons (Update cart / Apply coupon / Proceed) */
body.woocommerce-cart .woocommerce button.button,
body.woocommerce-cart .woocommerce a.button,
body.woocommerce-cart .woocommerce input.button{
  border-radius: 999px !important;
  padding: 14px 26px !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 500 !important;
  border: none !important;
  box-shadow: none !important;
  transition: transform .25s ease, opacity .25s ease, background-color .25s ease;
}

/* Secondary buttons */
body.woocommerce-cart .woocommerce button.button,
body.woocommerce-cart .woocommerce input.button{
  background: transparent !important;
  color: var(--na-gold) !important;
  border: 1px solid var(--na-gold) !important;
}

body.woocommerce-cart .woocommerce button.button:hover,
body.woocommerce-cart .woocommerce input.button:hover{
  background: var(--na-gold) !important;
  color: #fff !important;
  transform: translateY(-2px);
  opacity: .95;
}

/* Proceed to checkout (primary) */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  background: var(--na-gold) !important;
  color: #fff !important;
  padding: 16px 34px !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  transform: translateY(-2px);
  opacity: .92;
}

/* Cart totals box */
body.woocommerce-cart .cart-collaterals .cart_totals{
  background: var(--na-warm);
  border-radius: var(--na-radius);
  padding: 26px 30px;
  margin-top: 26px;
  transition: transform .25s ease, box-shadow .25s ease;
}

body.woocommerce-cart .cart-collaterals .cart_totals:hover{
  transform: translateY(-3px);
  box-shadow: var(--na-shadow);
}

/* Totals heading */
body.woocommerce-cart .cart-collaterals .cart_totals h2{
  font-family: var(--na-heading);
  font-size: 30px;
  font-weight: 400;
  color: var(--na-text);
  margin: 0 0 16px;
}

/* Totals table */
body.woocommerce-cart .cart_totals table{
  border: none !important;
}

body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals td{
  padding: 12px 0;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  color: var(--na-mid);
  font-size: 15px;
}

body.woocommerce-cart .cart_totals th{
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--na-light);
  font-weight: 500;
}

/* Notices (errors/success) */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error{
  background: rgba(253,252,250,0.8);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 18px;
  padding: 16px 18px;
  color: var(--na-mid);
}

/* Links inside notices */
body.woocommerce-cart .woocommerce-message a,
body.woocommerce-cart .woocommerce-info a,
body.woocommerce-cart .woocommerce-error a{
  color: var(--na-gold);
  text-decoration: none;
}

/* Mobile */
@media (max-width: 768px){
  body.woocommerce-cart .site-main{
    padding-top: 35px;
    padding-bottom: 60px;
  }

  body.woocommerce-cart .entry-title{
    font-size: 42px;
  }

  body.woocommerce-cart .woocommerce-cart-form{
    padding: 22px;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals{
    padding: 22px;
  }

  /* Make buttons full width for ease */
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  body.woocommerce-cart .woocommerce button.button,
  body.woocommerce-cart .woocommerce input.button{
    width: 100%;
    text-align: center;
  }

  body.woocommerce-cart .coupon input#coupon_code{
    width: 100%;
    min-width: 0;
  }
}
/* Make sure Update Cart is clickable/visible */
.woocommerce-cart button[name="update_cart"]{
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

/* If WooCommerce sets it disabled, keep it visually clear but still clickable */
.woocommerce-cart button[name="update_cart"][disabled]{
  opacity: .75 !important;
  filter: none !important;
}
/* Shipping calculator button clickable */
.woocommerce-cart button[name="calc_shipping"]{
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

/* If it’s disabled, still make it usable/visible */
.woocommerce-cart button[name="calc_shipping"][disabled]{
  opacity: .75 !important;
  filter: none !important;
}
/* =========================================================
   WooCommerce notice fix: icon (tick) overlapping text
   ========================================================= */

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  position: relative !important;
  padding: 16px 18px 16px 54px !important; /* extra left space for icon */
  border-radius: 16px !important;
}

/* Icon positioning */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

/* If your theme makes the icon huge, clamp it */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{
  font-size: 16px !important;
  line-height: 1 !important;
}/* End custom CSS */