.elementor-13 .elementor-element.elementor-element-2a1c31a{--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;--margin-top:55px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-06e81ba{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13 .elementor-element.elementor-element-06e81ba.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-b2da842{--update-cart-automatically-display:none;width:var( --container-widget-width, 97% );max-width:97%;--container-widget-width:97%;--container-widget-flex-grow:0;--sections-background-color:#BABABA00;--sections-border-type:solid;--sections-border-color:#DADADA;--links-normal-color:#333333;--links-hover-color:var( --e-global-color-primary );--order-summary-items-divider-color:#FFFFFF00;--totals-color:var( --e-global-color-40ae1de );--checkout-button-border-radius:0px 0px 0px 0px;--checkout-button-padding:25px 111px 25px 111px;--checkout-button-width:fit-content;}.elementor-13 .elementor-element.elementor-element-b2da842 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:var( --e-global-color-40ae1de );}.elementor-13 .elementor-element.elementor-element-b2da842.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-b2da842 .cart_totals h2{font-family:"Montserrat";font-size:14px;font-weight:600;}.elementor-13 .elementor-element.elementor-element-b2da842 .e-cart-content, .elementor-13 .elementor-element.elementor-element-b2da842 .woocommerce-shipping-destination, .elementor-13 .elementor-element.elementor-element-b2da842 .shipping-calculator-button{font-family:"Montserrat";font-size:14px;font-weight:500;}.elementor-13 .elementor-element.elementor-element-b2da842 .coupon .input-text, .elementor-13 .elementor-element.elementor-element-b2da842 .cart-collaterals .input-text, .elementor-13 .elementor-element.elementor-element-b2da842 select, .elementor-13 .elementor-element.elementor-element-b2da842 .select2-selection--single{font-family:"Montserrat";}.elementor-13 .elementor-element.elementor-element-b2da842 .e-shop-table .cart th, .elementor-13 .elementor-element.elementor-element-b2da842 .e-shop-table .cart td:before{font-family:"Montserrat";font-size:14px;}.elementor-13 .elementor-element.elementor-element-b2da842 .cart td span, .elementor-13 .elementor-element.elementor-element-b2da842 .cart td, .elementor-13 .elementor-element.elementor-element-b2da842 .input-text.qty{font-size:14px;font-weight:400;}.elementor-13 .elementor-element.elementor-element-b2da842 .cart_totals .shop_table td:before, .elementor-13 .elementor-element.elementor-element-b2da842 .cart_totals .shop_table td .woocommerce-Price-amount{font-family:"Montserrat";font-size:14px;font-weight:400;}.elementor-13 .elementor-element.elementor-element-b2da842 .checkout-button{font-family:"Montserrat";font-weight:400;text-transform:uppercase;}.elementor-13 .elementor-element.elementor-element-b2da842 .e-shop-table{--sections-border-type:none;}.elementor-13 .elementor-element.elementor-element-b2da842 .e-cart-totals{--sections-background-color:#F9F9F9;--sections-border-type:none;--sections-border-radius:0px 0px 0px 0px;--sections-padding:35px 25px 35px 25px;}.elementor-13 .elementor-element.elementor-element-b2da842 .coupon{--sections-border-type:none;}.elementor-13 .elementor-element.elementor-element-683eb86{--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-13 .elementor-element.elementor-element-1440b93{--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-13 .elementor-element.elementor-element-f53322c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-f53322c.e-con{--align-self:center;}@media(min-width:576px){.elementor-13 .elementor-element.elementor-element-06e81ba{--width:100%;}.elementor-13 .elementor-element.elementor-element-f53322c{--width:97%;}}@media(max-width:575px){.elementor-13 .elementor-element.elementor-element-2a1c31a{--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-06e81ba{--width:100%;}.elementor-13 .elementor-element.elementor-element-06e81ba.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-b2da842{--container-widget-width:92%;--container-widget-flex-grow:0;width:var( --container-widget-width, 92% );max-width:92%;}.elementor-13 .elementor-element.elementor-element-b2da842.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-b2da842 .coupon{--apply-coupon-button-alignment:center;--apply-coupon-button-width:auto;}.elementor-13 .elementor-element.elementor-element-b2da842 .e-cart-section{border-width:1px 1px 1px 1px;}.elementor-13 .elementor-element.elementor-element-683eb86{--margin-top:25px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-1440b93{--margin-top:25px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-f53322c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-1d23afd{padding:0px 0px 0px 0px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-b2da842 */* {
        font-family: 'Montserrat', sans-serif !important;
}

@media (min-width: 768px) {

.coupon-col {
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
}

.coupon-col-start input.input-text {
  padding: 5px 10px !important;
  border: none !important;
  border-bottom: 1px solid #BABABA !important;
  font-size: 15px !important;
  color: #333 !important;
  background-color: transparent !important;
  outline: none !important;
  border-radius: 0 !important;
  height: 38px !important;
  box-sizing: border-box !important;
}

.coupon-col-end .button {
  padding: 5px 12px !important;
  font-size: 15px !important;
  background-color: transparent !important;
  font-weight: 400 !important;
  color: #24446B !important;
  border: none !important;
  border-bottom: 1px solid #BABABA !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  height: 38px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  font-family: 'Montserrat', sans-serif !important;
}


.coupon-col-end .button:hover {
  color: #005177 !important;
}



table thead th {
  font-size: 14px !important;
  color: #333333 !important;
  font-weight: 600 !important;
  border-bottom: 1px solid #dbdbdb !important;
}
.woocommerce-Price-amount.amount,
.woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #333333 !important;
}
td.product-subtotal .woocommerce-Price-amount.amount,
td.product-subtotal .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol {
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #24446B !important;
}



/* Font and base input styling form*/
.shipping-calculator-form input[type="text"],
.shipping-calculator-form select,
.shipping-calculator-form .select2-selection--single {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  color: #24446B !important;
  border: 1px solid #BABABA !important;
  background-color: transparent !important;
  padding: 8px 10px !important;
  border-radius: 4px !important;
  height: 40px !important;
  box-sizing: border-box !important;
}

/* Label styling */
.shipping-calculator-form label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  color: #333 !important;
  font-weight: 500 !important;
  margin-bottom: 4px !important;
  display: inline-block !important;
}

/* Required asterisk color */
.shipping-calculator-form .required {
  color: red !important;
}

/* Select2 wrapper styling */
.shipping-calculator-form .select2-container .select2-selection--single {
  border: 1px solid #BABABA !important;
  border-radius: 4px !important;
  height: 40px !important;
  padding: 4px 10px !important;
  display: flex !important;
  align-items: center !important;
}

/* Button styling */
.shipping-calculator-form button.button {
  background-color: transparent !important;
  border: 1px solid #00A3E0 !important;
  color: #24446B !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  padding: 8px 20px !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.shipping-calculator-form button.button:hover {
  background-color: #e5f7ff !important;
  color: #0073aa !important;
}
.shipping-calculator-form input[type="text"],
.shipping-calculator-form select,
.shipping-calculator-form .select2-selection--single {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  color: #24446B !important;
  border: 1px solid #BABABA !important;
  background-color: #ffffff !important; /* ← White background */
  padding: 8px 10px !important;
  border-radius: 4px !important;
  height: 40px !important;
  box-sizing: border-box !important;
}
.shipping-calculator-form button.button {
  background-color: #000000 !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  padding: 15px 35px !important;
  font-weight:400 !important;
  border: none !important;
  border-radius: 0px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.shipping-calculator-form button.button:hover {
  background-color: #8BA4B5 !important;
  color: #ffffff !important;
}
.wc-proceed-to-checkout {
  text-align: center !important;
}

.wc-proceed-to-checkout .checkout-button {
  display: inline-block !important;
  margin: 0 auto !important;
}

.wc-proceed-to-checkout {
  text-align: center !important;
}

.wc-proceed-to-checkout .checkout-button {
  display: block !important;
  width: 100% !important;
  
}

.wc-proceed-to-checkout .checkout-button:hover {
  background-color: #8BA4B5 !important;
  color: #fff !important;
}

}



@media (max-width: 767px) {
  .woocommerce-cart-form,
  .e-cart__container,
  .e-cart__column,
  .e-cart__column-start,
  .e-cart__column-end,
  .e-cart__column-inner,
  .e-cart-section {
    padding: 0 !important;
    margin: 0 !important;
  }

  .shop_table,
  .shop_table th,
  .shop_table td {
    padding: 5px !important; /* Optional: keep spacing minimal but readable */
  }

  .cart_totals,
  .wc-proceed-to-checkout {
    padding: 0 !important;
    margin: 0 !important;
  }

  .woocommerce-cart-form .coupon,
  .woocommerce-cart-form .actions {
    padding: 0 !important;
    margin: 0 !important;
  }
}

@media (min-width: 0px) {
  .coupon .form-row.coupon-col {
    display: flex !important;
    gap: 0 !important;
    flex-wrap: nowrap;
  }

  .coupon-col-start,
  .coupon-col-end {
    flex: 1 1 50%;
  }

  .coupon-col-start input#coupon_code {
    width: 100% !important;
    height: 48px !important;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0 !important;
    padding: 10px !important;
    font-weight: 400 !important;
  }

  .coupon-col-end .e-apply-coupon {
    width: 100% !important;
    height: 48px !important;
    border-bottom: 1px solid #ccc !important;

    color: #24446B !important;
    font-weight: 400 !important;
    border-radius: 0 !important;
    padding: 10px !important;
    transition: background-color 0.3s ease !important;
  }

  .coupon-col-end .e-apply-coupon:hover {
    background-color: #fff !important;
    color: #8BA4B5 !important;
  }
}
@media (min-width: 0px) {
  .woocommerce-cart-form .coupon {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .woocommerce-cart-form .coupon .e-apply-coupon {
  font-size: 15px !important; /* Adjust size as needed */
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
}

}

td[data-title^="Coupon:"],
td[data-title^="Coupon:"] a {
  font-family: 'Montserrat', sans-serif !important;
}
.woocommerce-Price-currencySymbol {
  margin-right: 4px !important; /* adds space between SGD and the number */
}

.woocommerce-shipping-methods label {
  color: #333333 !important;
  font-family: 'Montserrat', sans-serif;
}

/* Mobile only */
@media (max-width: 768px) {
  .checkout-button.button.alt.wc-forward {
    background-color: #24446B !important;
    color: #ffffff !important; /* ensures readable white text */
  }
}
@media (max-width: 768px) {
  .cart_totals {
    background-color: #ffffff !important;
  }
  .cart_totals h2{
    margin-left:9px !important;
  }
}


@media (max-width: 768px) {
  /* Inline alignment for input + button */
  .coupon.e-cart-section.shop_table .form-row.coupon-col {
    display: flex;
    flex-direction: row;
    gap: 10px;
  }

  /* Input field - underline only */
  .coupon.e-cart-section.shop_table input#coupon_code {
    flex: 1;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    background: transparent !important;
    font-size: 14px;
    color: #333;
    padding: 6px 0 4px 0;
    outline: none;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  /* Button - underline text style */
  .coupon.e-cart-section.shop_table button.e-apply-coupon {
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    color: #24446B !important;
    font-size: 14px;
    padding: 6px 0 4px 0;
    cursor: pointer;
    white-space: nowrap;
  }

  .coupon.e-cart-section.shop_table button.e-apply-coupon:hover {
    color: #8BA4B5 !important;
  }
}

.wc-empty-cart-message .cart-empty.woocommerce-info {
  border-top: none !important;
  font-family: 'Montserrat', sans-serif !important;
}
.wc-empty-cart-message .cart-empty.woocommerce-info::before {
  color: #24446B !important;
}
a.button.wc-backward {
  background-color: #24446B !important;
  color: #fff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  border: none !important;
  border-radius: 0px; /* optional for smooth edges */
  padding: 10px 20px; /* optional for better spacing */
  text-transform: none !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

a.button.wc-backward:hover {
  background-color: #8BA4B5 !important;
  color: #fff !important;
}

/* WooCommerce Empty Cart Message Styling */
.cart-empty.woocommerce-info {
  color: #24446B !important;
  border: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
  background-color: #F9F9F9 !important;
  box-shadow: none !important;
}

/* Optional: If an icon appears before the text */
.cart-empty.woocommerce-info::before {
  color: #24446B !important;
  border: none !important;
}




/* --- FIX EMPTY CART LAYOUT AND STYLE --- */

/* Ensure full page height layout */
body.woocommerce-cart,
body.woocommerce-cart .site-content,
body.woocommerce-cart .woocommerce {
  min-height: 60vh !important;   /* Keeps enough height before footer */
  display: flex;
  flex-direction: column;
  justify-content: center;
}



/* Style the info icon */
body.woocommerce-cart .cart-empty.woocommerce-info::before {
  color: #24446B !important;
  border: none !important;
}

/* Style the "Return to shop" button */
body.woocommerce-cart .return-to-shop {
  text-align: left !important;
  margin-top: 20px !important;
}

body.woocommerce-cart .return-to-shop a.button {
  background-color: #24446B !important;
  color: #fff !important;
  font-family: 'Montserrat', sans-serif !important;
  border: none !important;
  padding: 10px 25px !important;
  border-radius: 0px;
}

body.woocommerce-cart .return-to-shop a.button:hover {
  background-color: #1b3654 !important;
}



@media (max-width: 767px) {
  .wc-proceed-to-checkout a.checkout-button {
    padding-top:19px !important;
    padding-bottom:19px !important;
  }
}

/* All variation text */
dl.variation,
dl.variation dt,
dl.variation dd,
dl.variation p {
    color: #6d6e6d !important; /* light grey */
}


.woocommerce-cart table.cart td.product-remove a.remove:hover {
    color: #8b0000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52bc58b *//* Red outline when error exists */
._field-wrapper input[type="text"]._has-error {
  border-color: red !important;
  outline: none;
}

/* Hide the error message */
._error,
._error._below {
  display: none !important;
}
._field-wrapper input[type="text"] {
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 0;
  flex: 1;
  transition: border-color 0.3s ease;
}

/* Remove the dark focus outline and use a cleaner custom border */
._field-wrapper input[type="text"]:focus {
  outline: none;
  border-color: #24446B; /* optional: subtle blue border when focused */
  box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1440b93 */.custom-email-signup,
.custom-email-signup * {
  font-family: var(--e-global-typography-text-font-family, "Montserrat"), sans-serif !important;
}/* End custom CSS */
/* Start custom CSS *//* load Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* apply on mobile only */
@media (max-width: 768px) {
  body,
  body *:not(i):not([class*="fa-"]):not(.dashicons):not([class*="eicon"]):not(.e-font-icon-svg) {
    font-family: 'Montserrat', sans-serif !important;
  }
}/* End custom CSS */