.elementor-kit-6{--e-global-color-primary:#E1B03D;--e-global-color-primary_hover:#201C12;--e-global-color-text:#FFFFFF;--e-global-color-text_light:#FFFFFF33;--e-global-color-accent:#22201D;--e-global-color-highligh:#DD8752;--e-global-color-border:#EAEAE9;--e-global-color-background:#FFFFFF;--e-global-color-background_light:#F4F3F1;--e-global-color-e581753:#94A3B8;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:600;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:500;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-heading_title-font-family:"Manrope";--e-global-typography-heading_title-font-size:36px;--e-global-typography-heading_title-font-weight:300;--e-global-typography-heading_title-line-height:40px;--e-global-typography-heading_title-letter-spacing:0px;--e-global-typography-d3dcf58-font-size:14px;--e-global-typography-d3dcf58-font-weight:600;--e-global-typography-d3dcf58-text-transform:uppercase;--e-global-typography-d3dcf58-letter-spacing:0.7px;background-color:var( --e-global-color-primary_hover );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1410px;}.e-con{--container-max-width:1410px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@media (max-width: 990px){
  .progress-wrap{
    bottom: 70px !important; /* tweak this value */
    right: 8px;
  }
}

body.page-id-4670 .breadcrumb-wrap,
body.page-id-4672 .breadcrumb-wrap,
body.page-id-5036 .breadcrumb-wrap,
body.page-id-5080 .breadcrumb-wrap,
body.page-id-5088 .breadcrumb-wrap
{ display: none !important; }

.aaba-login-gate{
  background:#fff !important;
  color:#111 !important;
  border-color:#DBAF36 !important;
}

/* Load Inter Tight if you don't already */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;600&display=swap');

/* Aabarana login banner button styles */
.aaba-login-gate .aaba-btn{
  font-family: "Inter Tight", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;

  background: #000 !important;          /* default black */
  color: #fff !important;               /* text always white */
  border-color: #000 !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 12px !important;
  padding: 20px 15px !important;
}

.aaba-login-gate .aaba-btn:hover,
.aaba-login-gate .aaba-btn:focus{
  background: #DBAF36 !important;       /* hover gold */
  border-color: #DBAF36 !important;
  color: #fff !important;               /* keep white text */
}







/* ===== WooCommerce Notices — your mapping ===== */
:root{
  --wc-radius: 15px;
  --wc-pad: 14px 16px;

  /* Colors */
  --wc-message: #0D6EFD;   /* BLUE for .woocommerce-message */
  --wc-message-bg: #E9F2FF;

  --wc-info: #DBAF36;       /* GOLD for .woocommerce-info */
  --wc-info-bg: #FFF9E8;

  --wc-error: #E53935;      /* RED for .woocommerce-error */
  --wc-error-bg: #FFECEC;

  --wc-text: #2C2C2C;
}

/* MESSAGE (Blue) */
.woocommerce-message{
  background: var(--wc-message-bg) !important;
  border: 2px solid var(--wc-message) !important;
  color: var(--wc-text) !important;
  border-radius: var(--wc-radius) !important;
  padding: var(--wc-pad) !important;
  margin: 12px 0 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
}
.woocommerce-message::before{ color: var(--wc-message) !important; }
.woocommerce-message a{ color:#111 !important; text-decoration:underline; }
.woocommerce-message a:hover{ color: var(--wc-message) !important; }

/* INFO (Gold) */
.woocommerce-info{
  background: var(--wc-info-bg) !important;
  border: 2px solid var(--wc-info) !important;
  color: var(--wc-text) !important;
  border-radius: var(--wc-radius) !important;
  padding: var(--wc-pad) !important;
  margin: 12px 0 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
}
.woocommerce-info::before{ color: var(--wc-info) !important; }
.woocommerce-info a{ color:#111 !important; text-decoration:underline; }
.woocommerce-info a:hover{ color: var(--wc-info) !important; }

/* ERROR (Red) */
.woocommerce-error{
  background: var(--wc-error-bg) !important;
  border: 2px solid var(--wc-error) !important;
  color: var(--wc-text) !important;
  border-radius: var(--wc-radius) !important;
  padding: var(--wc-pad) !important;
  margin: 12px 0 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
}
.woocommerce-error::before{ color: var(--wc-error) !important; }
.woocommerce-error li{ margin: 4px 0 !important; }
.woocommerce-error a{ color:#111 !important; text-decoration:underline; }
.woocommerce-error a:hover{ color: var(--wc-error) !important; }

/* Buttons inside notices */
.woocommerce-message .button,
.woocommerce-error .button{
  background:#000 !important; color:#fff !important;
  border:1px solid #000 !important;
  border-radius:12px !important;
  padding:8px 14px !important;
  text-transform:uppercase; font-size:13px; line-height:1;
}
.woocommerce-message .button:hover{
  background: var(--wc-message) !important; border-color: var(--wc-message) !important; color:#fff !important;
}
.woocommerce-error .button:hover{
  background: var(--wc-error) !important; border-color: var(--wc-error) !important; color:#fff !important;
}

/* INFO buttons: black → hover gold; text always white */
.woocommerce-info .button{
  background:#000 !important; color:#fff !important;
  border:1px solid #000 !important;
  border-radius:12px !important;
  padding:8px 14px !important;
  text-transform:uppercase; font-size:13px; line-height:1;
}
.woocommerce-info .button:hover{
  background: var(--wc-info) !important; border-color: var(--wc-info) !important; color:#fff !important;
}

/* Keep rounded corners in grouped/wrapper areas */
.woocommerce-NoticeGroup .woocommerce-message,
.woocommerce-NoticeGroup .woocommerce-info,
.woocommerce-NoticeGroup .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error{
  border-radius: var(--wc-radius) !important;
}





.single-product .woocommerce-tabs {
    margin-top: 20px; !important
}



@media (min-width: 881px) {
/* Stronger .elementor-kit-6 + correct !important placement */
#masthead .site-search-popup {
  position: absolute !important;
  width: 100vw !important;
  left: 50% !important;
  top: 32.5% !important;          /* was wrong syntax before */
  margin-left: -50vw !important;
  height: 66% !important;     /* was wrong syntax before */
  min-height: 70px !important;
  background-color: #fff !important;
  z-index: 99999 !important;
  transition: opacity 0.3s ease !important;

  /* keep hidden by default (matches your existing behavior) */
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* When the popup is opened (your markup shows .active.fadein) */
#masthead .site-search-popup.active,
#masthead .site-search-popup.fadein {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Make sure the header section doesn't clip the popup */
#masthead { position: relative !important; overflow: visible !important; }
}


/* Stop Showing Two Scroll Bars */
#content-wrapper {
  overflow: auto;
  height: 100vh;
}

html, body {
  overflow-x: hidden;
}



/* --- Ensure consistent vertical layout in product cards --- */
.product-caption-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* --- Price itself: centered, single line for amounts --- */
ul.products li.product .product-caption-bottom .price {
  display: inline-block !important;
  text-align: center !important;
  white-space: nowrap !important;  /* keep RsX–RsY together */
  width: auto !important;
  margin: 0 auto !important;
}

/* --- Fix for .woocs_price_code inside variable/grouped products --- */
ul.products li.product .price .woocs_price_code {
  display: inline-block !important;  /* stop theme flex row */
  text-align: center !important;
  white-space: nowrap !important;
  width: auto !important;
  justify-content: center !important;
  align-items: center !important;
}

/* --- Force Payzy (inside or outside .price) onto next centered line --- */
ul.products li.product .product-caption-bottom .price [class*="payzy"],
ul.products li.product .product-caption-bottom > [class*="payzy"] {
  display: block !important;
  width: 100% !important;
  margin-top: 5px !important;
  text-align: center !important;
  white-space: normal !important;
  float: none !important;
  clear: both !important; /* ensures break line */
}

/* Optional: keep prices tight and aligned visually */
ul.products li.product .product-caption-bottom .price bdi {
  display: inline;
  line-height: 1.2;
  vertical-align: middle;
}


/* Add 12px gap between price and Payzy line */
ul.products li.product .product-caption-bottom .price [class*="payzy"],
ul.products li.product .product-caption-bottom > [class*="payzy"] {
  margin-top: 12px !important;   /* ← increased from 5/6px to 12px */
}




/* ——— Recent Products widget ONLY ——— */
.product_list_widget .product-content{
  display:flex;
  flex-direction:column;
  align-items:flex-start !important;   /* left */
  text-align:left !important;
}

/* Price row (first line): keep amounts + dash together, left */
.product_list_widget .product-content .price{
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  justify-content:flex-start !important;  /* left */
  flex-wrap:wrap !important;              /* allow Payzy to drop to next line */
  white-space:normal !important;
  margin:0 !important;
  width:auto !important;
  text-align:left !important;
}

/* Keep the numeric part in one row */
.product_list_widget .product-content .price .woocs_price_code{
  display:inline-block !important;
  white-space:nowrap !important;
}

/* Payzy INSIDE .price → force a new line under price, left, with 12px gap */
.product_list_widget .product-content .price [class*="payzy"]{
  display:block !important;
  flex-basis:100% !important;     /* break to next line in the flex row */
  width:100% !important;
  text-align:left !important;
  margin-top:5px !important;     /* gap */
  float:none !important;
  clear:both !important;
}

/* Payzy as a SIBLING of .price (some items) → same treatment */
.product_list_widget .product-content > [class*="payzy"]{
  display:block !important;
  width:100% !important;
  text-align:left !important;
  margin-top:12px !important;
  float:none !important;
  clear:both !important;
}

/*to keep gap in product page bar appers in the bottom when scrolling*/
.olight-sticky-add-to-cart__content-price {
    gap: 4px !important;
}


/* Only inside: <ul class="olight-products products-list columns-3"> 
   that sits within .olight-archive-product-content */
.olight-archive-product-content > ul.olight-products.products-list.columns-3
  .payzy-item-loop-display {
  padding: 0 4px !important;
}

/* Safety: never affect grid layouts within the same archive area */
.olight-archive-product-content > ul.olight-products:not(.products-list)
  .payzy-item-loop-display {
  padding: initial !important;
}




/* Default (Desktop) */
.header-logo {
  width: 140px;   /* Default size for Desktop */
  height: auto;   /* Maintain aspect ratio */
}

/* Laptop */
@media (max-width: 1200px) {
  .header-logo {
    width: 135px;  /* Adjust size for Laptop */
  }
}

/* Tablet Landscape */
@media (max-width: 1024px) {
  .header-logo {
    width: 135px;  /* Adjust size for Tablet Landscape */
  }
}

/* Tablet Portrait */
@media (max-width: 768px) {
  .header-logo {
    width: 130px;  /* Adjust size for Tablet Portrait */
  }
}

/* Mobile Landscape */
@media (max-width: 600px) {
  .header-logo {
    width: 130px;  /* Adjust size for Mobile Landscape */
  }
}

/* Mobile Portrait */
@media (max-width: 480px) {
  .header-logo {
    width: 120px;  /* Adjust size for Mobile Portrait */
  }
}/* End custom CSS */