/*
Mobile: 544px and below
Tablet: 545px–1024px
Desktop: 1025px and above
*/

html {
  font-size: 16px; /* desktop default */
}

@media (max-width: 1024px) {
  html {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 16px;
  }
}


@font-face {
  font-family: 'ae-body';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('/wp-content/themes/ae-child/fonts/NunitoSans-Variable.woff2')
       format('woff2');
}

@font-face {
  font-family: 'ae-body';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url('/wp-content/themes/ae-child/fonts/NunitoSans-Italic-Variable.woff2')
       format('woff2');
}

/* menu styling */
/*.ast-builder-menu-1 .main-header-menu .sub-menu {
    background: #171721e8 !important;
    backdrop-filter: blur(2px) !important;
    border-top: 1px solid var(--sd-color-muted-light-x) !important;
}*/

/* ae mega menu */

/* ===============================
   Astra Mega Menu Shell Reset
   =============================== */

/* Remove Astra padding around the full-width desktop mega menu shell */
.ast-desktop .ast-mega-menu-enabled 
.astra-full-megamenu-wrapper 
.astra-mega-menu-width-full-stretched.sub-menu {
  padding: 0 !important;
}

/* Remove Astra's default gap above custom Site Builder mega menu content */
.ast-desktop .ast-mega-menu-enabled 
.ast-hide-menu-item + .ast-mm-custom-content {
  margin-top: 0 !important;
}

/* Keep only the outer Astra wrapper transparent */
.ast-desktop .ast-mega-menu-enabled 
.astra-full-megamenu-wrapper {
  background: transparent !important;
}


.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li 
> .astra-full-megamenu-wrapper {
  box-shadow: none !important;
}


/* home transparent header gradient */

.home .site-header {
  background: linear-gradient(
    to bottom,
    rgba(10, 10, 13, 0.32) 0%,
    rgba(10, 10, 13, 0.14) 55%,
    rgba(10, 10, 13, 0) 100%
  ) !important;
}




/* =========================================================
   Atlas & Eden — Homepage Transparent Header Interaction
   Desktop only: 1025px and up
   ========================================================= */

@media (min-width: 1025px) {

  /* Homepage transparent header resting state */
  .home .site-header {
    position: absolute;
    width: 100%;
    background: linear-gradient(
      to bottom,
      rgba(10, 10, 13, 0.32) 0%,
      rgba(10, 10, 13, 0.14) 55%,
      rgba(10, 10, 13, 0) 100%
    ) !important;
    transition: none;
    box-shadow: none !important;
    border-bottom: none !important;
  }

  /* Dark overlay used for smooth fade-in */
  .home .site-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--sd-color-dark) !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity 360ms ease;
    z-index: 0;
  }

  /* Keep header contents above dark overlay */
  .home .site-header > * {
    position: relative;
    z-index: 1;
  }

  /* Desktop hover/focus interaction */
  .home .site-header:hover::before,
  .home .site-header:focus-within::before {
    opacity: 1;
  }

  .home .site-header:hover,
  .home .site-header:focus-within {
    box-shadow: none !important;
    border-bottom: none !important;
  }
}






/* =========================================================
   Home hero show/hide
   ========================================================= */


/* Desktop hero visible only above 1024px */
@media (max-width: 1024px) {
  .ae-hero--home {
    display: none !important;
  }
}

/* Device hero hidden on desktop */
@media (min-width: 1025px) {
  .ae-hero--device {
    display: none !important;
  }
}

/* =========================================================
   Homepage Hero Desktop
   Desktop only: image-mapped 16:9 hero
   ========================================================= */

@media (min-width: 1025px) {
  .ae-hero--home {
    height: clamp(660px, 50vw, 940px);
    min-height: 0 !important;
    aspect-ratio: auto;

    background-size: cover !important;
    background-position: center -24px !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }


  .ae-hero--home,
  .ae-hero--home * {
    box-sizing: border-box;
  }

  /* Left protected image/jar zone */
  .ae-home-hero__image {
    flex: 0 0 56% !important;
    width: 56% !important;
    min-height: 100% !important;
    height: 100% !important;
    padding: 0 !important;
  }

  /* Right copy zone */
  .ae-home-hero__copy {
    flex: 0 0 44% !important;
    width: 44% !important;
    min-height: 100% !important;
    height: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;

    padding-top: clamp(4rem, 6vw, 8rem) !important;
    /*padding-right: clamp(3rem, 5vw, 7rem) !important;
     padding-left: clamp(2rem, 3.5vw, 5rem) !important;*/
    padding-bottom: clamp(4rem, 6vw, 8rem) !important;
    

    text-align: left !important;
  }

  .ae-home-hero__copy-inner {
    width: min(100%, 44rem) !important;
    max-width: 44rem !important;
    margin: 0 !important;
  }

  .ae-hero--home h1 {
    font-size: 6rem !important;
    line-height: 0.92 !important;
    letter-spacing: -0.035em !important;
    font-weight: 400 !important;
    margin: 0 0 1em 0 !important;
    color: var(--sd-color-text-white, #eeeeee) !important;
    text-wrap: balance;
  }

  .ae-hero--home .wp-block-buttons {
    margin-top: 0 !important;
    justify-content: flex-start !important;
  }

  .ae-hero--home .sd-btn {
    margin-top: 0 !important;
  }

  .ae-hero--home .sd-btn .wp-block-button__link {
    padding: 0.8rem 1.5rem !important;
  }
}





/* =========================================================
   Atlas & Eden — Homepage Hero Device
   Tablet + Mobile: 1024px and under
   Uses centred-jar device image
   ========================================================= */

/* Hide device hero on desktop */
@media (min-width: 1025px) {
  .ae-hero--device {
    display: none !important;
  }
}

/* Hide desktop hero on tablet/mobile */
@media (max-width: 1024px) {
  .ae-hero--home {
    display: none !important;
  }

  .ae-hero--device {
    background-color: #0a0a0d !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .ae-hero--device,
  .ae-hero--device * {
    box-sizing: border-box;
  }

  /* Image / jar panel — centred-jar image */
  .ae-hero-device__image {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9;
    min-height: auto !important;
    height: auto !important;
    background-size: cover !important;
    background-position: center -24px !important;
    background-repeat: no-repeat !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  /* Image-side fade: short, only assists the seam */
  .ae-hero-device__image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 16%;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
      to bottom,
      rgba(10, 10, 13, 0) 0%,
      rgba(10, 10, 13, 0.28) 48%,
      rgba(10, 10, 13, 1) 100%
    );
  }

  /* Copy block */
  .ae-hero-device__copy {
    position: relative !important;
    z-index: 2 !important;
    background-color: #0a0a0d !important;
    margin-top: -1.5rem !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding-top: 1rem !important;
    padding-right: var(--sd-space-3) !important;
    padding-bottom: clamp(3.5rem, 7vw, 5.5rem) !important;
    padding-left: var(--sd-space-3) !important;
    text-align: center !important;
  }

  /* Main seam fade: overlaps upward over the image/copy join */
  .ae-hero-device__copy::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -6rem;
    height: 6rem;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
      to bottom,
      rgba(10, 10, 13, 0) 0%,
      rgba(10, 10, 13, 0.24) 30%,
      rgba(10, 10, 13, 0.62) 62%,
      rgba(10, 10, 13, 0.92) 84%,
      #0a0a0d 100%
    );
  }

  .ae-hero-device__copy-inner {
    position: relative;
    z-index: 2;
    width: min(100%, 44rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ae-hero--device h1 {
    font-size: clamp(4.8rem, 9vw, 6rem) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.035em !important;
    font-weight: 400 !important;
    margin: 0 0 0.72em 0 !important;
    color: var(--sd-color-text-white, #eeeeee) !important;
    text-align: center !important;
    text-wrap: balance;
  }

  .ae-hero--device .wp-block-buttons {
    justify-content: center !important;
    margin-top: 0 !important;
  }

  .ae-hero--device .sd-btn {
    margin-top: 0 !important;
  }

  .ae-hero--device .sd-btn .wp-block-button__link {
    padding: 0.85rem 1.6rem !important;
  }
}


/* =========================================================
   Atlas & Eden — Large Tablet / iPad
   769px–1024px
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {
  .ae-hero-device__image {
    aspect-ratio: 16 / 9;
    background-position: center center !important;
  }

  .ae-hero-device__image::after {
    height: 16%;
  }

  .ae-hero-device__copy {
    margin-top: -1.75rem !important;
    padding-top: 1rem !important;
    padding-bottom: clamp(4rem, 7vw, 6rem) !important;
  }

  .ae-hero-device__copy::before {
    top: -6.5rem;
    height: 6.5rem;
  }

  .ae-hero-device__copy-inner {
    width: min(100%, 44rem) !important;
  }

  .ae-hero--device h1 {
    font-size: clamp(4.8rem, 9vw, 6rem) !important;
    line-height: 0.94 !important;
    margin-bottom: 0.72em !important;
  }
}


/* =========================================================
   Atlas & Eden — Small Tablet / Large Phone
   545px–768px
   ========================================================= */

@media (min-width: 545px) and (max-width: 768px) {
  .ae-hero-device__image {
    aspect-ratio: 4 / 3;
    background-position: center center !important;
  }

  .ae-hero-device__image::after {
    height: 14%;
  }

  .ae-hero-device__copy {
    margin-top: -2rem !important;
    padding-top: 1rem !important;
  }

  .ae-hero-device__copy::before {
    top: -6rem;
    height: 6rem;
  }

  .ae-hero-device__copy-inner {
    width: min(100%, 38rem) !important;
  }

  .ae-hero--device h1 {
    font-size: clamp(4rem, 9vw, 5.4rem) !important;
    line-height: 0.94 !important;
    margin-bottom: 0.75em !important;
  }
}


/* =========================================================
   Atlas & Eden — Phone
   544px and under
   ========================================================= */

@media (max-width: 544px) {
  .ae-hero-device__image {
    aspect-ratio: 4 / 5;
    background-position: center center !important;
  }

  /* Very short image fade; copy block owns the main seam */
  .ae-hero-device__image::after {
    height: 9%;
    background: linear-gradient(
      to bottom,
      rgba(10, 10, 13, 0) 0%,
      rgba(10, 10, 13, 0.36) 58%,
      #0a0a0d 100%
    );
  }

  .ae-hero-device__copy {
    position: relative !important;
    z-index: 2 !important;
    margin-top: -3rem !important;
    padding-top: 0 !important;
    padding-right: var(--sd-space-3) !important;
    padding-bottom: 4rem !important;
    padding-left: var(--sd-space-3) !important;
    background-color: #0a0a0d !important;
  }

  /* Phone seam/fade attached to copy block */
  .ae-hero-device__copy::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -6rem;
    height: 6rem;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
      to bottom,
      rgba(10, 10, 13, 0) 0%,
      rgba(10, 10, 13, 0.28) 30%,
      rgba(10, 10, 13, 0.66) 62%,
      rgba(10, 10, 13, 0.94) 84%,
      #0a0a0d 100%
    );
  }

  .ae-hero-device__copy-inner {
    position: relative;
    z-index: 2;
    width: min(100%, 31rem) !important;
  }

  .ae-hero--device h1 {
    font-size: clamp(3.3rem, 11.5vw, 4.2rem) !important;
    line-height: 0.92 !important;
    margin-bottom: 0.8em !important;
  }

  .ae-hero--device .sd-btn {
    width: 100% !important;
    max-width: 28rem;
  }
}




/* ===============================
   Mobile & Mega Menu Variables
   =============================== */

:root {
  --ae-mega-menu-opacity: 90%;
  --ae-mega-menu-blur: 5px;
  --ae-mega-menu-bg-fallback: rgba(10, 10, 13, 0.9);
}

.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
	background-color: var(--ae-mega-menu-bg-fallback) !important;
  backdrop-filter: blur(var(--ae-mega-menu-blur)) !important;
  -webkit-backdrop-filter: blur(var(--ae-mega-menu-blur)) !important;
}

/* ===============================
   Mega Menu Tray
   Background + blur
   =============================== */

.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li 
> .astra-full-megamenu-wrapper 
> ul.astra-megamenu.sub-menu {
  background-color: var(--ae-mega-menu-bg-fallback) !important;
  backdrop-filter: blur(var(--ae-mega-menu-blur)) !important;
  -webkit-backdrop-filter: blur(var(--ae-mega-menu-blur)) !important;
  border-top: 1px solid var(--sd-border-color-light) !important;
  border-top-color: var(--sd-border-color-light) !important;
  min-height: 20rem !important;
}


@supports (color: color-mix(in srgb, black, transparent)) {
  .ast-desktop .main-header-menu.ast-mega-menu-enabled 
  > li.astra-megamenu-li 
  > .astra-full-megamenu-wrapper 
  > ul.astra-megamenu.sub-menu {
    background-color: color-mix(
      in srgb,
      var(--sd-color-dark) var(--ae-mega-menu-opacity),
      transparent
    ) !important;
  }
}


.ae-mega-menu {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-top: 0 !important;
  min-height: 20rem;
}

/* Hide tray border immediately while a panel is fading out */
.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li.sd-mega-closing 
> .astra-full-megamenu-wrapper 
> ul.astra-megamenu.sub-menu {
  border-top-color: transparent !important;
}


/* ===============================
   Astra Mega Menu Effects
   Used with: /js/sd-mega-menu-fx.js
   =============================== */

:root {
  --sd-mega-fade-in: 160ms;
  --sd-mega-fade-out: 220ms;
}

/* Keep JS-controlled open and closing panels visible */
.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li.sd-mega-open 
> .astra-full-megamenu-wrapper,
.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li.sd-mega-closing 
> .astra-full-megamenu-wrapper {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Keep the actual submenu tray visible during JS open/close states */
.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li.sd-mega-open 
> .astra-full-megamenu-wrapper 
> ul.astra-megamenu.sub-menu,
.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li.sd-mega-closing 
> .astra-full-megamenu-wrapper 
> ul.astra-megamenu.sub-menu {
  display: block !important;
  visibility: visible !important;
}

/* Opening panel sits above closing panel */
.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li.sd-mega-open 
> .astra-full-megamenu-wrapper {
  z-index: 99999 !important;
}

/* Closing panel fades underneath and cannot catch the mouse */
.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li.sd-mega-closing 
> .astra-full-megamenu-wrapper {
  z-index: 99998 !important;
  pointer-events: none !important;
}

/* Base tray transition */
.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li 
> .astra-full-megamenu-wrapper 
> ul.astra-megamenu.sub-menu {
  opacity: 0;
  transition: opacity var(--sd-mega-fade-in) ease-out !important;
  will-change: opacity;
}

/* Open state */
.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li.sd-mega-open 
> .astra-full-megamenu-wrapper 
> ul.astra-megamenu.sub-menu,
.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li:hover 
> .astra-full-megamenu-wrapper 
> ul.astra-megamenu.sub-menu {
  opacity: 1 !important;
}

/* Closing state */
.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li.sd-mega-closing 
> .astra-full-megamenu-wrapper 
> ul.astra-megamenu.sub-menu {
  opacity: 0 !important;
  transition-duration: var(--sd-mega-fade-out) !important;
  border-top-color: transparent !important;
}

/* Respect reduced-motion users */
@media (prefers-reduced-motion: reduce) {
  .ast-desktop .main-header-menu.ast-mega-menu-enabled 
  > li.astra-megamenu-li 
  > .astra-full-megamenu-wrapper 
  > ul.astra-megamenu.sub-menu {
    transition: none !important;
    will-change: auto;
  }
}

/* ===============================
   Astra Mega Menu Inner Content Fade
   Fades Atlas & Eden mega menu content with the tray
   =============================== */

.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li 
.ae-mega-menu {
  opacity: 0;
  transition: opacity var(--sd-mega-fade-in) ease-out !important;
}

.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li.sd-mega-open 
.ae-mega-menu,
.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li:hover 
.ae-mega-menu {
  opacity: 1 !important;
}

.ast-desktop .main-header-menu.ast-mega-menu-enabled 
> li.astra-megamenu-li.sd-mega-closing 
.ae-mega-menu {
  opacity: 0 !important;
  /*transition-duration: 220ms !important;*/
    transition-duration: var(--sd-mega-fade-out) !important;

}



/* ===============================
   Navigation Active Parent State
   For custom Gutenberg mega menu links
   =============================== */

.main-header-menu li.sd-menu-parent-active > a,
.main-header-menu li.sd-menu-parent-active > .menu-link,
.main-header-menu li.sd-menu-parent-active > a .menu-text {
  color: var(--sd-menu-active-color) !important;
}

/* sale styling */
.sale .price {color: #b12929 !important;}
.woocommerce-js div.product span.onsale, .woocommerce-js span.onsale {
    min-height: 1em !important;
    min-width: 1em !important;
    line-height: 1 !important;
    padding: 1em !important;
    border-radius: 3px !important;
    
}

.woocommerce span.onsale, .wc-block-grid__product .wc-block-grid__product-onsale {
    background-color: #b12929 !important;
    color: #fff !important;
	font-weight: 700 !important;
}

/* change --sd-fs-xs to 0.9 */

/* ae hero */

.ae-fs-display-hero 
 {
    font-size: 7.4rem !important;
    line-height: 0.85em !important;
}

/*
.site-ae h1.sd-serif.ae-fs-display-hero {
  margin-bottom: 0.2em !important;
}
*/

/* end ae hero */

.site-ae .sd-no-block-padding :where(.is-layout-flow) > .sd-neg-m-t-1 {
  margin-block-start: calc(var(--sd-space-1) * -1) !important;
}
.site-ae .sd-no-block-padding :where(.is-layout-flow) > .sd-neg-m-t-2 {
  margin-block-start: calc(var(--sd-space-2) * -1) !important;
}
.site-ae .sd-no-block-padding :where(.is-layout-flow) > .sd-neg-m-t-3 {
  margin-block-start: calc(var(--sd-space-3) * -1) !important;
}
.site-ae .sd-no-block-padding :where(.is-layout-flow) > .sd-neg-m-t-4 {
  margin-block-start: calc(var(--sd-space-4) * -1) !important;
}
.site-ae .sd-no-block-padding :where(.is-layout-flow) > .sd-neg-m-t-5 {
  margin-block-start: calc(var(--sd-space-5) * -1) !important;
}
.site-ae .sd-no-block-padding :where(.is-layout-flow) > .sd-neg-m-t-6 {
  margin-block-start: calc(var(--sd-space-6) * -1) !important;
}


.site-ae .sd-no-block-padding :where(.is-layout-flow) > .sd-neg-m-b-1 {
  margin-block-end: calc(var(--sd-space-1) * -1) !important;
}
.site-ae .sd-no-block-padding :where(.is-layout-flow) > .sd-neg-m-b-2 {
  margin-block-end: calc(var(--sd-space-2) * -1) !important;
}
.site-ae .sd-no-block-padding :where(.is-layout-flow) > .sd-neg-m-b-3 {
  margin-block-end: calc(var(--sd-space-3) * -1) !important;
}
.site-ae .sd-no-block-padding :where(.is-layout-flow) > .sd-neg-m-b-4 {
  margin-block-end: calc(var(--sd-space-4) * -1) !important;
}
.site-ae .sd-no-block-padding :where(.is-layout-flow) > .sd-neg-m-b-5 {
  margin-block-end: calc(var(--sd-space-5) * -1) !important;
}
.site-ae .sd-no-block-padding :where(.is-layout-flow) > .sd-neg-m-b-6 {
  margin-block-end: calc(var(--sd-space-6) * -1) !important;
}

.sd-modal-content h3 {
	font-size:1rem !important;
    text-transform: unset !important;
}


body.page-id-3502,
body.page-id-3499 {
  font-family: 'ae-body' !important;
}


.single-product .product.product_cat-sale .summary.entry-summary {
  margin-bottom: 0 !important;
}

.sd-btn-text-w {
    color: var(--sd-color-text-white) !important;
}

@media (max-width: 640px) {
    .sd-btn-m-full {
        width: 100% !important;
        display: block !important;
    }
}

/* remove this from sd system:

@media (max-width: 768px) {
    .sd-btn-primary,
    .sd-btn-outline {
        width: 100% !important;
    }
}
*/

/* add to SD system:*/

.sd-btn-outline-white {background: transparent !important;}


/* =========================================
   btn hover fx
   Fade-in fill
   ========================================= */

/* Root vars */
:root {
  --sd-btn-hover-duration: 1.7s;
  --sd-btn-hover-ease: cubic-bezier(0.19, 1, 0.22, 1);
}

/* Button link */
.sd-btn-outline.sd-btn-outline-primary .wp-block-button__link,
.sd-btn-hover-fx {
  position: relative !important;
  overflow: hidden !important;
  z-index: 1 !important;
  transition:
    color var(--sd-btn-hover-duration) var(--sd-btn-hover-ease),
    border-color var(--sd-btn-hover-duration) var(--sd-btn-hover-ease),
    background-color var(--sd-btn-hover-duration) var(--sd-btn-hover-ease) !important;
}

/* Animated fill layer */
.sd-btn-outline.sd-btn-outline-primary .wp-block-button__link::before,
.sd-btn-hover-fx::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: var(--sd-color-dark);
  opacity: 0;
  transition: opacity var(--sd-btn-hover-duration) var(--sd-btn-hover-ease);
  pointer-events: none;
  z-index: -1;
}

/* Hover / focus */
.sd-btn-outline.sd-btn-outline-primary:hover .wp-block-button__link::before,
.sd-btn-outline.sd-btn-outline-primary .wp-block-button__link:hover::before,
.sd-btn-outline.sd-btn-outline-primary:focus-within .wp-block-button__link::before,
.sd-btn-outline.sd-btn-outline-primary .wp-block-button__link:focus-visible::before,
.sd-btn-hover-fx:hover::before,
.sd-btn-hover-fx:focus-visible::before {
  opacity: 1;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .sd-btn-outline.sd-btn-outline-primary .wp-block-button__link,
  .sd-btn-outline.sd-btn-outline-primary .wp-block-button__link::before,
  .sd-btn-hover-fx,
  .sd-btn-hover-fx::before {
    transition: none !important;
  }
}


/* ===============================
   Image utilities (sd-)
   =============================== */

/* CONTAIN: show entire image, no crop */
.sd-img-contain,
.sd-img-contain img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* COVER: visual fill, cropping allowed */
.sd-img-cover {
  width: 100% !important;
  max-width: 100% !important;
}

/* Cover block behaviour */
.sd-img-cover.wp-block-cover {
  min-height: clamp(240px, 45vw, 520px) !important;
  padding: 0 !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Image block fallback */
.sd-img-cover img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.sd-img-vh-ar {
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
}

/* Aspect-ratio–driven Cover block (image-based) */
.sd-img-vh-ar.wp-block-cover {
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  padding: 0 !important;
}

/* Neutralise Gutenberg absolute positioning */
.sd-img-vh-ar.wp-block-cover .wp-block-cover__image-background {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  inset: auto !important;
  display: block !important;
}

/* Remove empty inner container influence */
.sd-img-vh-ar.wp-block-cover .wp-block-cover__inner-container {
  display: none !important;
}

/* Remove background span spacing */
.sd-img-vh-ar.wp-block-cover .wp-block-cover__background {
  display: none !important;
}








/* shop & slider product titles */

.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title, .wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .ae-product-slider h3 {font-size: 1.05rem !important;}

/* Update width in SD system */

.wp-block-button.sd-btn-text .wp-block-button__link {
    background: none !important;
    border: none !important;
    font: inherit !important;
    text-align: left !important;
    color: var(--sd-btn-secondary-text) !important;
    line-height: inherit !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
    transition: color var(--sd-transition-medium) ease !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--sd-space-1) !important;
}


/* Force consistent heading weight across Astra + Gutenberg */
h1,
h2,
h3,
h4,
h5,
h6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content :where(h1, h2, h3, h4, h5, h6) {
 font-family:
    'ae-body',
    'Nunito Sans',
    'Segoe UI',
    'Inter',
    'Helvetica Neue',
    Arial,
    system-ui,
    sans-serif;
  font-weight: 750 !important;
	letter-spacing: 0.01em !important;
}


/*

.sd-page-header-cover {
  min-height: var(--sd-page-header-min-height);
}

*/


/* Page header symbol sizing override for symbol in cover */
/*
.sd-parallax-bg.wp-block-cover
  > .wp-block-cover__image-background {
  
  object-fit: contain !important;
  object-position: center center !important;

  width: 100% !important;
  height: 120% !important;

  max-width: 900px;         
  margin: 0 auto;

  opacity: 0.1;             
  pointer-events: none;
	  padding: 110px 50px;
}


@media (max-width: 768px) {
  .wp-block-cover__image-background {
    opacity: 0.1;
  }
}

*/






/* AUD text (header cart label) */
/*
.ast-site-header-cart .ast-woo-header-cart-info-wrap,
.ast-edd-site-header-cart .ast-edd-header-cart-info-wrap {
    color: var(--sd-color-muted-light) !important;
    opacity: 0.8;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0.04em;
    padding: 2px 6px 0 2px;
    display: inline-block;
}
*/
/* Mobile adjustments */
/*@media (max-width: 767px) {
    .ast-site-header-cart .ast-woo-header-cart-info-wrap,
    .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap {
            padding: 0 !important;
        font-size: 0.7rem;
        line-height: 1.6;
    }
}
*/



/* ==========================================================
   SD Text Alignment Utilities
   Desktop (default) + Tablet + Mobile
========================================================== */

/* ---------- Base (Desktop / Default) ---------- */
.sd-text-left   { text-align: left !important; }
.sd-text-center { text-align: center !important; }
.sd-text-right  { text-align: right !important; }

/* ---------- Tablet (≤ 1024px) ---------- */
@media (max-width: 1024px) {
  .sd-text-t-left   { text-align: left !important; }
  .sd-text-t-center { text-align: center !important; }
  .sd-text-t-right  { text-align: right !important; }
}

/* ---------- Mobile (≤ 767px) ---------- */
@media (max-width: 767px) {
  .sd-text-m-left   { text-align: left !important; }
  .sd-text-m-center { text-align: center !important; }
  .sd-text-m-right  { text-align: right !important; }
}



.ae-home-mocktail-feat.sd-section-overlay-b-l::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    33deg,
    rgba(10, 10, 13, 0.7) 0%,
    rgba(10, 10, 13, 0.3) 33%,
    rgba(10, 10, 13, 0.0) 66%
  );
}

@media (max-width: 767px) {
  .ae-home-mocktail-feat.sd-section-overlay-b-l::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
      33deg,
      /*rgba(4, 11, 64, 0.5) 0%,*/
		rgba(10, 10, 13, 0.6) 0%,
      rgba(10, 10, 13, 0.3) 40%,
      rgba(10, 10, 13, 0.0) 80%
    );
  }
}


.sd-section-overlay-b-l::before {
	content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
background: linear-gradient(
      33deg,
      rgba(10, 10, 13, 0.6) 0%,
      rgba(10, 10, 13, 0.5) 33%,
      rgba(10, 10, 13, 0.0) 66%
    )
}

@media (max-width: 767px) {
  .sd-section-overlay-b-l::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
      33deg,
      rgba(10, 10, 13, 0.9) 0%,
      rgba(10, 10, 13, 0.6) 40%,
      rgba(10, 10, 13, 0.0) 80%
	)
  }
}

.sd-section-overlay-l::before {
	content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
background: linear-gradient(
      to right,
      rgba(10, 10, 13, 0.6) 0%,
      rgba(10, 10, 13, 0.5) 33%,
      rgba(10, 10, 13, 0.0) 66%
    )
}


.sd-section-overlay-r::before {
	content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
background: linear-gradient(
      to left,
      rgba(10, 10, 13, 0.6) 0%,
      rgba(10, 10, 13, 0.5) 33%,
      rgba(10, 10, 13, 0.0) 66%
    )
}

.sd-section-overlay-b::before {
	content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
background: linear-gradient(
      to top,
     rgba(10, 10, 13, 0.6) 0%,
      rgba(10, 10, 13, 0.5) 33%,
      rgba(10, 10, 13, 0.0) 66%
    )
}

/* SD BASELINE — neutral, utility-overridable */
.entry-content > .wp-block-group:not([class*="sd-p-"]):not([class*="sd-section-p-"]) {
    padding-top: 0;
    padding-bottom: var(--sd-space-4);
}


/*
body.home .entry-content > .wp-block-group {
  padding-top: var(--sd-space-4) !important;
  padding-bottom: var(--sd-space-4) !important;
}
*/
.site-ae .sd-bg-gradient-v-d {
  background: linear-gradient(
    to bottom,
    var(--sd-color-dark-opacity) 0%,
    transparent 55%
  ) !important;
}


/*remove top space from shop archives */
.woocommerce-shop #primary, .page-id-3158 #primary

 {
    /*padding-top: 0 !important;*/
    padding-bottom: var(--sd-space-4) !important;
}


.site-ae .sd-icon-list li {font-size: var(--sd-fs-sm, 0.9rem) !important;
	letter-spacing: -0.01em !important;
font-weight: 400 !important;}




.sd-a-white a {color: var(--sd-color-text-white) !important}
.sd-a-no-underline {text-decoration: none !important;}
.sd-text-muted, .sd-text-muted a {opacity: 0.7 !important;}
.sd-text-muted a:hover {opacity: 1 !important;}
.sd-text-muted-x, .sd-text-muted-x a {opacity: 0.5 !important;}
.sd-text-muted-x a:hover {opacity: 1 !important;}

.ae-sub-symbol img {width: 6rem !important;}






/* --------------------------------------------------------------
   Global Splide Arrow Icon Override
-------------------------------------------------------------- */

/* Hide Splide’s default inline SVG */
.splide__arrow svg {
    display: none;
}

/* Base arrow button */
.splide__arrow {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 0;

    background-color: transparent !important;
    box-shadow: none !important;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.5rem 2.5rem;

    opacity: 0.2;
    transition: opacity 0.2s ease;
}

/* Left arrow */
.splide__arrow--prev {
    background-image: url("https://atlasandeden.com/wp-content/uploads/caret-left-light.svg");
}

/* Right arrow */
.splide__arrow--next {
    background-image: url("https://atlasandeden.com/wp-content/uploads/caret-right-light.svg");
}

/* Hover (opacity only, no background) */
@media (hover: hover) {
    .splide__arrow:hover:not(:disabled),
    .splide__arrow:focus-visible:not(:disabled) {
        opacity: 0.9;
        background-color: transparent !important;
        box-shadow: none !important;
    }
}

/* Disabled state */
.splide__arrow:disabled {
    opacity: 0.15;
    cursor: default;
}



/* =========================================================
   SD Content Link Styling (site-wide) + Opt-in utility
   FINAL, FIXED VERSION
========================================================= */

/* ---------------------------------------------------------
   1) DEFAULT: content-area links ONLY
   - Applies to body copy
   - Safe exclusions for buttons / Woo / forms
--------------------------------------------------------- */
.entry-content
:where(p, dd, dt, blockquote, figcaption)
a:not(
  .wp-element-button,
  .wp-block-button__link,
  .sd-btn,
  .sd-btn *,
  .ast-button,
  .ast-button *,
  .woocommerce a,
  .wc-block-components-button,
  .wc-block-components-button *,
  .fluentform a
) {
  text-decoration: none !important;
  border-bottom: 2px solid var(--ast-global-color-0) !important;
  transition: border-bottom-color .25s ease, border-bottom-width .25s ease !important;
}

.entry-content
:where(p, dd, dt, blockquote, figcaption)
a:not(
  .wp-element-button,
  .wp-block-button__link,
  .sd-btn,
  .sd-btn *,
  .ast-button,
  .ast-button *,
  .woocommerce a,
  .wc-block-components-button,
  .wc-block-components-button *,
  .fluentform a
):hover {
  border-bottom-width: 4px !important;
  border-bottom-color: var(--ast-global-color-0) !important;
}


/* ---------------------------------------------------------
   2) OPT-IN UTILITY
   - Allows styling outside .entry-content
--------------------------------------------------------- */
.sd-link-style a:not(
  .wp-element-button,
  .wp-block-button__link,
  .sd-btn,
  .sd-btn *,
  .ast-button,
  .ast-button *,
  .woocommerce a,
  .wc-block-components-button,
  .wc-block-components-button *,
  .fluentform a
) {
  text-decoration: none !important;
  border-bottom: 2px solid var(--ast-global-color-0) !important;
  transition: border-bottom-color .25s ease, border-bottom-width .25s ease !important;
}

.sd-link-style a:not(
  .wp-element-button,
  .wp-block-button__link,
  .sd-btn,
  .sd-btn *,
  .ast-button,
  .ast-button *,
  .woocommerce a,
  .wc-block-components-button,
  .wc-block-components-button *,
  .fluentform a
):hover {
  border-bottom-width: 4px !important;
}


/* ---------------------------------------------------------
   4) MODAL OVERRIDE: allow sd-link-style inside modals/offcanvas
   - Fixes: .woocommerce a exclusion blocking modal content links
   - Additive: does not change your existing rules elsewhere
--------------------------------------------------------- */
.sd-offcanvas .sd-link-style a:not(
  .wp-element-button,
  .wp-block-button__link,
  .sd-btn,
  .sd-btn *,
  .ast-button,
  .ast-button *,
  .wc-block-components-button,
  .wc-block-components-button *,
  .fluentform a
) {
  text-decoration: none !important;
  border-bottom: 2px solid var(--ast-global-color-0) !important;
  transition: border-bottom-color .25s ease, border-bottom-width .25s ease !important;
}

.sd-offcanvas .sd-link-style a:not(
  .wp-element-button,
  .wp-block-button__link,
  .sd-btn,
  .sd-btn *,
  .ast-button,
  .ast-button *,
  .wc-block-components-button,
  .wc-block-components-button *,
  .fluentform a
):hover {
  border-bottom-width: 4px !important;
  border-bottom-color: var(--ast-global-color-0) !important;
}





/* ---------------------------------------------------------
   3) HARD EXCLUSION UTILITY (FINAL OVERRIDE)
   - Guaranteed to win
   - Kills base + hover + focus
--------------------------------------------------------- */
.sd-link-style-exclude a,
.sd-link-style-exclude a:hover,
.sd-link-style-exclude a:focus,
.sd-link-style-exclude a:focus-visible {
  border-bottom: 0 !important;
  text-decoration: none !important;
  transition: none !important;
}

/* Allow sd-link-style to work inside Woo product content */
.woocommerce .sd-link-style a {
  text-decoration: none !important;
  border-bottom: 2px solid var(--ast-global-color-0) !important;
  transition: border-bottom-color .25s ease, border-bottom-width .25s ease !important;
}

.woocommerce .sd-link-style a:hover {
  border-bottom-width: 4px !important;
}




.ast-loop-product__link:hover .woocommerce-loop-product__title,
.ast-loop-product__link:focus-visible .woocommerce-loop-product__title {
	color: var(--sd-color-primary); }
	
.ast-loop-product__link .woocommerce-loop-product__title {
  transition: color var(--sd-transition-medium) ease;
}

/* WooCommerce Product Title Hover Style - not used*/
/*.ast-loop-product__link .woocommerce-loop-product__title {
  position: relative;
  color: inherit;
  text-decoration: none;
  transition: color var(--sd-transition-medium) ease;
  padding: 0.5rem 0;
  display: inline-block;
}

.ast-loop-product__link .woocommerce-loop-product__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 0;
  background-color: var(--sd-color-primary);
}



.ast-loop-product__link:hover .woocommerce-loop-product__title::after,
.ast-loop-product__link:focus-visible .woocommerce-loop-product__title::after {
  width: 10%;
}
*/


/* =============================================================
   DESKTOP (>= 769px)
   Hide arrows ONLY on top-level items
   Applies to BOTH main header + sticky header
============================================================= */
@media (min-width: 769px) {

  /* --- MAIN DESKTOP HEADER --- */
  #primary-site-navigation-desktop .main-header-menu > li > a > .ast-icon.icon-arrow,
  #primary-site-navigation-desktop .main-header-menu > li > a > .dropdown-menu-toggle.ast-header-navigation-arrow {
    display: none !important;
  }

  /* --- STICKY DESKTOP HEADER --- */
  #primary-site-navigation-desktop-sticky .main-header-menu > li > a > .ast-icon.icon-arrow,
  #primary-site-navigation-desktop-sticky .main-header-menu > li > a > .dropdown-menu-toggle.ast-header-navigation-arrow {
    display: none !important;
  }
}

/* =============================================================
   MOBILE (<= 768px)
   Keep dropdown toggles, hide bullet arrows only inside submenus
   (works for off-canvas popup + sticky or normal)
============================================================= */
@media (max-width: 768px) {
  #ast-mobile-popup .sub-menu .ast-icon.icon-arrow {
    display: none !important;
  }
}





/* -------------------------------------------------------------
   1. Ensure blocks stay visible inside Gutenberg editor
------------------------------------------------------------- */
/*body.wp-admin .editor-styles-wrapper .sd-an-fade-in-up,
body.wp-admin .sd-an-fade-in-up {
    opacity: 1 !important;
    transform: none !important;
}
*/


/* Delay utilities — still available if you want them later */
/*.sd-an-delay-1 { }
.sd-an-delay-2 { }*/


/* =========================================================
   GSAP fade-in prep (frontend only, no editor breakage)
========================================================= */

/* Hide ONLY when JS is present (prevents flash) */
.has-js .sd-an-fade-in-up {
  opacity: 0;
  transform: translateY(30px);
  will-change: opacity, transform;
}

/* Never hide inside any WP editor surfaces (covers block editor + iframe-ish wrappers) */
.editor-styles-wrapper .sd-an-fade-in-up,
.block-editor-writing-flow .sd-an-fade-in-up,
.edit-post-layout .sd-an-fade-in-up,
body.wp-admin .sd-an-fade-in-up {
  opacity: 1 !important;
  transform: none !important;
  will-change: auto !important;
}




#product-reviews time.woocommerce-review__published-date {
  display: none !important;
}


/* Remove WP-inserted empty <p> inside product mobile hero */
.ae-product-feat-mobile > p:empty {
  display: none !important;
}


/* Floating Mini Cart Container */
.sd-cart-float {
    position: fixed;
    bottom: var(--sd-space-4);
    right: var(--sd-space-4);
    z-index: 9999;
    background: var(--sd-color-dark);
    padding: var(--sd-space-2);
    border-radius: none;
    box-shadow: 0 8px 30px rgba(0,0,0,0.35);
    display: flex;
    align-items: center;
}

/* Prevent layout shift inside Astra mini cart wrapper */
.sd-cart-float .ast-mini-cart-wrapper {
    display: flex;
    align-items: center;
}

/* Tweak icon size if needed */
.sd-cart-float .ast-mobile-cart-trigger button,
.sd-cart-float .ast-mini-cart-wrapper button {
    font-size: 20px;
    line-height: 1;
}

/* Mobile refinement */
@media (max-width: 768px) {
    .sd-cart-float {
        bottom: var(--sd-space-3);
        right: var(--sd-space-3);
        padding: var(--sd-space-2);
        border-radius: none;
    }
}


/* --------------------------------------------------------------
   Tea Media Gallery – Base Reset
   (prevent inherited Splide visibility tricks)
-------------------------------------------------------------- */

#tea-media-gallery .splide__slide,
#tea-media-gallery .splide__slide img {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* --------------------------------------------------------------
   Tea Media Gallery – Square Thumbnail Carousel
-------------------------------------------------------------- */

#tea-media-gallery {
    width: 100%;
}

#tea-media-gallery .splide__track {
    padding: 0;
}

#tea-media-gallery .splide__list {
    align-items: stretch;
}

/* Force square tiles (NO radius) */
#tea-media-gallery .splide__slide {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}

/* Images fill square tiles (NO radius) */
#tea-media-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    border-radius: 0;
}

/* Center slides when gallery is incomplete */
#tea-media-gallery.is-centered .splide__list {
    justify-content: center;
}

/* --------------------------------------------------------------
   Hover / Cursor Affordance
   (desktop & tablet only – no lightbox on mobile)
-------------------------------------------------------------- */

@media (hover: hover) and (min-width: 768px) {
    #tea-media-gallery img,
    #tea-media-gallery .ae-video-thumb {
        cursor: zoom-in;
    }

    #tea-media-gallery .splide__slide:hover img {
        transform: scale(1.03);
        transition: transform 0.3s ease;
    }
}

@media (max-width: 767px) {
    #tea-media-gallery img,
    #tea-media-gallery .ae-video-thumb {
        cursor: default;
    }
}

/* --------------------------------------------------------------
   Lightbox – Modal Container (Splide-powered)
-------------------------------------------------------------- */

.ae-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.9);

    display: flex;
    align-items: center;
    justify-content: center;
}

/* Give Splide a real layout box */
.ae-lightbox-inner {
    width: 90vw;
    max-width: 1200px;
    height: 90vh;
}

/* Ensure Splide fills modal */
.ae-lightbox-inner .splide__track,
.ae-lightbox-inner .splide__list,
.ae-lightbox-inner .splide__slide {
    height: 100%;
}

/* Lightbox images (NO radius) */
.ae-lightbox-inner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    border-radius: 0;
}

/* --------------------------------------------------------------
   Lightbox Close Button
-------------------------------------------------------------- */

.ae-lightbox-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 100000;

    width: 44px;
    height: 44px;

    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    border: none;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
}

@media (hover: hover) {
    .ae-lightbox-close:hover {
        background: rgba(0, 0, 0, 0.8);
    }
}



/* --------------------------------------------------------------
   Video Thumbnails
-------------------------------------------------------------- */

.ae-video-thumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ae-video-thumb img,
.ae-video-thumb video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Hide cover when playing */
.ae-video-thumb.is-playing img {
    display: none;
}

/* --------------------------------------------------------------
   Play Icon
-------------------------------------------------------------- */

.ae-video-play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 3;
}

.ae-video-play img {
    width: clamp(28px, 6vw, 40px); /* ✅ controlled */
    height: auto;
    max-width: none;
    opacity: 0.9;
}

/* Hide icon when playing */
.ae-video-thumb.is-playing .ae-video-play {
    opacity: 0;
}

/* --------------------------------------------------------------
   Loader
-------------------------------------------------------------- */

.ae-video-loader {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 4;
}

.ae-video-loader::after {
    content: "";
    width: 28px;
    height: 28px;
    border: 3px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: ae-spin 0.8s linear infinite;
}

@keyframes ae-spin {
    to { transform: rotate(360deg); }
}

.ae-video-thumb.is-loading .ae-video-loader,
.ae-lightbox-video.is-loading .ae-video-loader {
    display: flex;
}

/* --------------------------------------------------------------
   Lightbox video sizing
-------------------------------------------------------------- */

.ae-lightbox-video video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}




/* Add to SD */

/* --------------------------------------------------------------
   reCAPTCHA Disclosure Text
  
-------------------------------------------------------------- */
.sd-recaptcha-disclosure {
    font-size: var(--sd-text-xxs, 0.75rem) !important;
    /*opacity: 0.5 !important;*/
    margin-top: var(--sd-space-2) !important;
    line-height: 1.4 !important;
 
}

/* Links inside disclosure */
.sd-recaptcha-disclosure a {
    text-decoration: underline !important;
    /*opacity: 0.5 !important;*/
    transition: opacity 0.2s ease-in-out !important;
}

#subscribe .sd-recaptcha-disclosure {
    font-size: var(--sd-text-xxs, 0.75rem) !important;
    /*opacity: 0.5 !important;*/
    margin-top: var(--sd-space-2) !important;
    line-height: 1.4 !important;
    color: var(--sd-text-light, #ffffff) !important;
}

/* Links inside disclosure */
#subscribe .sd-recaptcha-disclosure a {
    color: var(--sd-text-light, #ffffff) !important;
    text-decoration: underline !important;
    /*opacity: 0.5 !important;*/
    transition: opacity 0.2s ease-in-out !important;
}	

/* Update SD version */
.sd-modal-links .sd-modal-link {
	text-transform: none !important;
	font-size: 1rem !important;
}


/* GLOBAL UTILITY: remove Gutenberg layout-flow margins */
.sd-no-flow-gap,
.sd-no-flow-gap > * {
    /*margin: 0 !important;*/
    margin-block: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.is-layout-flow > .sd-no-flow-gap {
    margin-block-start: 0 !important;
}


/* Allow sd-p-0 to remove padding ONLY when applied on a site-width container */
.sd-site-width.sd-p-0,
.sd-site-width-xnarrow.sd-p-0,
.sd-site-width-narrow.sd-p-0,
.sd-site-width-med.sd-p-0,
.sd-site-width-smaller.sd-p-0,
.sd-site-width-wide.sd-p-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* use smaller gaps for pages with no page text */

/*
.page-id-23 #primary, .page-id-4148 #primary, .page-id-4150 #primary
 {
    padding-top: var(--sd-space-4) !important;
}
*/
/* No #primary gaps */
/* mixology */ .page-id-23 #primary {
	/*padding-top: 0 !important;*/
    padding-bottom: 0 !important;}

/* ===============================
   THEME OVERRIDES: Primary Layout
   =============================== */

/* Global spacing around primary content */
#primary {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#primary {
  padding-top: var(--sd-space-4) !important;
  padding-bottom: var(--sd-space-4) !important;
}

/* Homepage - no margins */
.home #primary {
    margin-top: var(--sd-space-0) !important;
    margin-bottom: var(--sd-space-0) !important;
      padding-top: var(--sd-space-0) !important;
  padding-bottom: var(--sd-space-0) !important;
}

/* Single templates */
.single-product #primary {
    padding-top: var(--sd-space-4) !important;
    padding-bottom: var(--sd-space-0) !important;
    margin-top: var(--sd-space-0) !important;
    margin-bottom: var(--sd-space-0) !important;
}

/*
.parent-pageid-23 #primary {
    margin-top: var(--sd-space-4) !important;
    margin-bottom: var(--sd-space-0) !important;
    padding-top: var(--sd-space-0) !important;
    padding-bottom: var(--sd-space-0) !important;
}
*/

/* sub menu items */
/*
@media (min-width: 545px) {
  ul.sub-menu {
    border: 1px solid #928c6e99 !important;
  }
}
*/

/*
.sub-menu {
  background: linear-gradient(rgba(var(--sd-overlay-gradient-color-1-rgb),0.75), rgba(var(--sd-overlay-gradient-color-1-rgb),0.75)) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
}*/

/* Level 1 submenu */
/*.sub-menu {
  background: linear-gradient(
      rgba(var(--sd-overlay-gradient-color-1-rgb), 0.85),
      rgba(var(--sd-overlay-gradient-color-1-rgb), 0.85)
  ) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
}
*/
/* Level 2 submenu */
/*.sub-menu .sub-menu {
  background: linear-gradient(
      rgba(var(--sd-overlay-gradient-color-1-rgb), 0.85),
      rgba(var(--sd-overlay-gradient-color-1-rgb), 0.85)
  ) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
}
*/


/* off canvas menu */
/*.ast-mobile-popup-drawer.active .ast-mobile-popup-inner { background: linear-gradient(rgba(var(--sd-overlay-gradient-color-1-rgb),0.85), rgba(var(--sd-overlay-gradient-color-1-rgb),0.85)) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;} */

/*.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type svg {
	display: none !important;}*/

.sub-menu > .menu-item > .menu-link > .menu-text {
  letter-spacing: normal !important;
}



.woocommerce-js div.product .out-of-stock {
	color:#fff !important;
}

.ae-outofstock-badge .stock.out-of-stock {
  background: #bbb;
  color: #fff;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 2px;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}


/* icon grid */
.ae-feat-icon-grid {max-width:650px !important; margin-bottom: 3rem !important;}
.ae-feat-icon-grid h5 {padding-top:10px !important;}


/* =========================================
   AE Background Gradient 1
   ========================================= */
.ae-bg-gradient-1 {
  position: relative;
  background: linear-gradient(
    120deg,
    #a9a9a6 0%,
    #8e8e8b 50%,
    #7f7f7c 100%
  );
  overflow: hidden;
  border-top: 1px solid rgba(178, 167, 124, 0.25);
}

.ae-bg-gradient-1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 30% 25%,
    rgba(255, 255, 255, 0.03),
    transparent 70%
  );
  pointer-events: none;
}






/* Forms */


/* =========================================================
   Global Form Input Styles
   ========================================================= */
.fluentform .ff-el-form-control {
  border: 1px solid var(--ast-global-color-8) !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.ff-default .ff-el-form-control {font-family: inherit !important;}

/* =========================================================
   Subscribe Form (Fluent Form 3)
   ========================================================= */

/* Button spacing */
.fluent_form_3 .sd-btn {
  margin-top: 0 !important;
}

/* Base input + button sizing */
form.fluent_form_3 input.ff-el-form-control,
form.fluent_form_3 .ff-btn-submit {
  height: 48px !important;
  font-size: var(--sd-fs-sm);
  line-height: 1.2;
  padding: 0.75rem 1rem 0.75rem 0;
}

/* Layout wrapper */
form.fluent_form_3 {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Container alignment */
form.fluent_form_3 .ff-t-container.ff-column-container {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
  justify-content: center;
}

/* =========================================================
   Subscribe Form Styling — Inputs Only
   ========================================================= */
form.fluent_form_3 input.ff-el-form-control {
  background-color: rgba(255, 255, 255, 0) !important;
  border-bottom: 1px solid var(--sd-color-primary) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  color: var(--sd-color-text-white) !important;
  transition: border-color 0.3s ease, background-color 0.3s ease;
  /*border-radius: 4px !important;*/
}

form.fluent_form_3 input.ff-el-form-control::placeholder {
  color: var(--sd-color-dark-2) !important;
}

form.fluent_form_3 input.ff-el-form-control:focus {
  background-color: rgba(255, 255, 255, 0) !important;
  border-color: var(--sd-color-main-1) !important;
  outline: none !important;
}

/* =========================================================
   Responsive Layouts
   ========================================================= */
@media (min-width: 544px) {
  form.fluent_form_3 .ff-t-container.ff-column-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: var(--sd-space-1);
  }

  form.fluent_form_3 .ff-t-cell {
    flex: 1 1 auto;
  }

  form.fluent_form_3 .ff-btn-submit {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.5rem;
    white-space: nowrap;
  }
}

@media (max-width: 543px) {
  form.fluent_form_3 .ff-t-container.ff-column-container {
    flex-direction: column;
    align-items: stretch;
  }

  form.fluent_form_3 .ff-t-cell {
    width: 100% !important;
  }

  form.fluent_form_3 .ff-btn-submit {
    width: 100%;
    margin-top: var(--sd-space-1);
  }
}



/* Contact Form */


form.fluent_form_1 .ff-el-form-control {
    border-bottom: 1px solid var(--ast-global-color-8) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}


form.fluent_form_1 input.ff-el-form-control,
form.fluent_form_1 .ff-btn-submit {
  height: 48px !important;
  font-size: var(--sd-fs-sm);
  line-height: 1.2;
  padding: 0.75rem 1rem;
}

@media (min-width: 544px) {
  form.fluent_form_1 .ff-t-container.ff-column-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: var(--sd-space-1);
  }

  form.fluent_form_1 .ff-btn-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.5rem;
    white-space: nowrap;
  }
}

@media (max-width: 543px) {
  form.fluent_form_1 .ff-t-container.ff-column-container {
    flex-wrap: wrap;
  }

  form.fluent_form_1 .ff-t-cell {
    flex-basis: 100% !important;
  }

  form.fluent_form_1 .ff-btn-submit {
    width: 100%;
    margin-top: var(--sd-space-1);
  }
}


/* ===========================
   HOME HERO
   =========================== */

.sd-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      to top,
      rgba(10, 10, 13, 0.75) 0%,
      rgba(10, 10, 13, 0.45) 25%,
      rgba(10, 10, 13, 0.0) 55%
    ),
    linear-gradient(
      33deg,
      rgba(10, 10, 13, 1) 0%,
      rgba(10, 10, 13, 1) 20%,
      rgba(10, 10, 13, 0.9) 35%,
      rgba(10, 10, 13, 0.55) 55%,
      rgba(10, 10, 13, 0.0) 80%
    ),
    linear-gradient(
      135deg,
      rgba(10, 10, 13, 0.85) 0%,
      rgba(10, 10, 13, 0.65) 25%,
      rgba(10, 10, 13, 0.0) 65%
    );
}

.sd-home-hero > .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}

@media (max-width: 1024px) {
  .sd-home-hero::before {
    background:
      linear-gradient(to top,
        rgba(10,10,13,0.7) 0%,
        rgba(10,10,13,0.4) 25%,
        rgba(10,10,13,0.0) 55%
      ),
      linear-gradient(115deg,
        rgba(10,10,13,1) 0%,
        rgba(10,10,13,1) 18%,
        rgba(10,10,13,0.8) 35%,
        rgba(10,10,13,0.4) 55%,
        rgba(10,10,13,0.0) 75%
      ),
      linear-gradient(135deg,
        rgba(10,10,13,0.75) 0%,
        rgba(10,10,13,0.0) 60%
      );
  }
}



/* ===========================
   Layout & Alignment
   =========================== */

.sd-home-hero .ae-product-hero {
  display: flex !important;
  align-items: center !important;             /* vertical centering of both columns */
  justify-content: space-between !important;  /* jar right, text left */
  flex-wrap: nowrap !important;
  min-height: 90vh !important;
  padding: 20rem 0 3rem !important;
}

/* Jar column (keeps right aligned on desktop & tablet) */
.sd-home-hero .ae-jar-col {
  display: flex !important;
  align-items: center !important;      /* vertical align inside column */
  justify-content: flex-end !important; /* right-align jar */
  flex: 0 0 40% !important;             /* column width */
  text-align: right !important;
}

.sd-home-hero .ae-jar-img {
  max-width: 380px !important;
  height: auto !important;
  display: block !important;
  margin-left: auto !important;        /* ensures right alignment */
  margin-right: 0 !important;
}

/* Text column */
.sd-home-hero .ae-text-col {
  flex: 0 0 55% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: left !important;
}

/* ===========================
   Tablet (Astra: 1024px)
   =========================== */
@media (max-width: 1024px) {
  .sd-home-hero .ae-product-hero {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 14rem 0 2.5rem !important;
  }

  .sd-home-hero .ae-jar-col {
    justify-content: center !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin-bottom: 2rem !important;
    text-align: center !important;
  }

  .sd-home-hero .ae-jar-img {
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  .sd-home-hero .ae-text-col {
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: center !important;
    padding-top: 1rem !important;
    flex: 0 0 auto !important;
  }
}

/* ===========================
   Mobile (Astra: 544px)
   =========================== */
@media (max-width: 544px) {
  .sd-home-hero .ae-product-hero {
    padding: 10rem 0 2rem !important;
  }

  .sd-home-hero .ae-jar-img {
    max-width: 260px !important;
  }

  .sd-home-hero .ae-text-col {
    align-items: center !important;
    text-align: center !important;
  }
}

/* ===========================
   Mobile Overlay Adjustment
   =========================== */
@media (max-width: 544px) {
  .sd-home-hero::before {
    background:
      linear-gradient(
        to top,
        rgba(10, 10, 13, 0.9) 0%,
        rgba(10, 10, 13, 0.6) 40%,
        rgba(10, 10, 13, 0.0) 80%
      ),
      linear-gradient(
        to right,
        rgba(10, 10, 13, 1) 0%,
        rgba(10, 10, 13, 0.8) 15%,
        rgba(10, 10, 13, 0.0) 45%
      );
  }
}

/* Adjust jar position only on larger screens (compensate parallax offset) */
@media (min-width: 545px) {
  .sd-home-hero .ae-jar-wrap {
    padding-top: 4rem;
  }
}

@media (min-width: 1025px) {
  .sd-home-hero .ae-jar-wrap {
    padding-top: 6rem;
  }
}


@media (min-width: 1280px) {
  .sd-home-hero-desktop-offset {
    padding-top: 90px !important;
  }
}




/* mobile hero */

/* ===========================
   MOBILE HERO OVERLAY
   =========================== */
.sd-mobile-hero-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    /* 1 — bottom solid block rising upward */
    linear-gradient(
      to top,
      rgba(10,10,13,1) 0%,
      rgba(10,10,13,1) 12%,
      rgba(10,10,13,0.85) 22%,
      rgba(10,10,13,0.0) 60%
    ),

    /* 2 — left-side jar shading */
    linear-gradient(
      30deg,
      rgba(10,10,13,0.9) 0%,
      rgba(10,10,13,0.65) 18%,
      rgba(10,10,13,0.25) 40%,
      rgba(10,10,13,0.0) 70%
    );
}

/* Bring the real content above the overlay */
.sd-mobile-hero-overlay > .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}



/* not needed if parallax disabled for mobile  .sd-mobile-hero-text-neg-m {
	  margin-top: -50px !important;
    z-index: 20 !important;
    position: relative !important;
}*/

/* Center jar & kill parallax on all “mobile” widths up to 768px */
@media (max-width: 768px) {
  .sd-mobile-hero .ae-jar-img {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
    max-width: 280px; /* tweak as you like */
  }

  .sd-mobile-hero .ae-jar-img img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .sd-mobile-hero .sd-parallax-jar {
    transform: none !important;
  }
}


/* hero feature visilibity */

/* Default: desktop & tablet (≥ 769px) */
.sd-desktop-hero, .ae-product-feat-desktop { display: block !important; }
.sd-mobile-hero, .ae-product-feat-mobile  { display: none !important; }

/* Mobile (≤ 768px): show mobile hero, hide desktop hero */
@media (max-width: 768px) {
  .sd-desktop-hero, .ae-product-feat-desktop { display: none !important; }
  .sd-mobile-hero, .ae-product-feat-mobile  { display: block !important; }
}


/* product feature - mobile */
.ae-product-feat-mobile .ae-jar-wrap {
    display: block !important;
    text-align: center !important;
}

.ae-product-feat-mobile .ae-jar-wrap img {
    display: block !important;
    margin: 0 auto !important;
}


.ae-product-feat-mobile .ae-jar-col img.ae-jar-img {
    max-width: 280px !important;
    width: auto !important;
    height: auto !important;
    display: block;
    margin-left: auto;

}

/*
@media (max-width: 768px) {
	.ae-product-feat-mobile .ae-jar-col img.ae-jar-img {
    filter: drop-shadow(-5px 20px 40px #0a0a0d);
}
	} */

/* Kill junk <p> inside product mobile hero */
.ae-product-feat-mobile p:empty {
    display: none !important;
}

/* Kill <p> inside Cover inner container */
.ae-product-feat-mobile .wp-block-cover__inner-container > p {
    display: none !important;
}

/* Kill stray <p> immediately inside the main wrapper */
.ae-product-feat-mobile > p {
    display: none !important;
}

/* Kill <p> produced as siblings between two main divs */
.ae-product-feat-mobile + p:empty,
.ae-product-feat-mobile ~ p:empty {
    display: none !important;
}



/* Product Video */

/*.sd-product-desc-block {margin-top: -20vh !important; position:relative !important; z-index:2 !important;}*/


/* Base (Desktop) */
.ae-product-feat-desktop .ae-product-hero {
  padding: 24rem 0 1rem !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .ae-product-feat-desktop .ae-product-hero {
    padding: 14rem 0 2.5rem !important;
  }
}


.sd-video-cover {
  min-height: 40vh !important; /* desktop */
}

@media (max-width: 1024px) {
  .sd-video-cover {
    min-height: 55vh !important; /* tablet */
  }
}

@media (max-width: 768px) {
  .sd-video-cover {
    min-height: 50vh !important; /* mobile */
  }
}



.sd-video-cover::after { content: none !important; }


.sd-video-cover {
  position: relative;
  overflow: hidden;
}

/* Gutenberg's background video */

.sd-video-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      to top,
      rgba(10,10,13,1) 0%,
      rgba(10,10,13,1) 62%,
      rgba(10,10,13,0.92) 72%,
      rgba(10,10,13,0.75) 82%,
      rgba(10,10,13,0.55) 90%,
      rgba(10,10,13,0.32) 96%,
      rgba(10,10,13,0) 100%
    )/*,
    linear-gradient(
      to right,
      rgba(10,10,13,1) 0%,
      rgba(10,10,13,1) 20%,
      rgba(10,10,13,0.85) 30%,
      rgba(10,10,13,0.6) 45%,
      rgba(10,10,13,0.25) 60%,
      rgba(10,10,13,0) 70%
    )*/;
}

.sd-video-cover > .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  .sd-video-cover::before {
    background:
      linear-gradient(
        to top,
        rgba(10,10,13,1) 0%,
        rgba(10,10,13,1) 70%,
        rgba(10,10,13,0.92) 80%,
        rgba(10,10,13,0.7) 90%,
        rgba(10,10,13,0.4) 97%,
        rgba(10,10,13,0) 100%
      ),
      linear-gradient(
        to right,
        rgba(10,10,13,1) 0%,
        rgba(10,10,13,1) 10%,
        rgba(10,10,13,0.6) 25%,
        rgba(10,10,13,0.3) 40%,
        rgba(10,10,13,0) 55%
      );
  }
}

/* Image Cover */

/* Base height control */
.sd-image-cover {
  min-height: 40vh !important; /* desktop */
  position: relative;
  overflow: hidden; /* keeps parallax fades tidy */
}

/* Tablet */
@media (max-width: 1024px) {
  .sd-image-cover {
    min-height: 55vh !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .sd-image-cover {
    min-height: 50vh !important;
  }
}

/* Reset any Gutenberg defaults that add extra overlays */
.sd-image-cover::after {
  content: none !important;
}

/* Dark gradient overlay */
.sd-image-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  /* orig background:
    linear-gradient(
      to top,
      rgba(10,10,13,1) 0%,
      rgba(10,10,13,1) 62%,
      rgba(10,10,13,0.92) 72%,
      rgba(10,10,13,0.75) 82%,
      rgba(10,10,13,0.55) 90%,
      rgba(10,10,13,0.32) 96%,
      rgba(10,10,13,0) 100%
    );*/
	background: linear-gradient(
  to top,
  rgba(10,10,13,1) 0%,
  rgba(10,10,13,1) 60%, /* img height 40 */
  rgba(10,10,13,1) 70%,
  rgb(10 10 13 / 61%) 82%,
  rgb(10 10 13 / 0%) 90%,
  rgb(10 10 13 / 0%) 96%,
  rgb(10 10 13 / 0%) 100%
);

  transition: opacity 0.6s ease;
}

/* Inner content above overlay */
.sd-image-cover > .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}

/* Ensure background image sits behind overlay and content */
.sd-image-cover .wp-block-cover__image-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* Mobile adjustment – stronger fade for smaller viewports */
/*@media (max-width: 768px) {
  .sd-image-cover::before {
    background:
      linear-gradient(
        to top,
        rgba(10,10,13,1) 0%,
        rgba(10,10,13,1) 70%,
        rgba(10,10,13,0.92) 80%,
        rgba(10,10,13,0.7) 90%,
        rgba(10,10,13,0.4) 97%,
        rgba(10,10,13,0) 100%
      ),
      linear-gradient(
        to right,
        rgba(10,10,13,1) 0%,
        rgba(10,10,13,1) 10%,
        rgba(10,10,13,0.6) 25%,
        rgba(10,10,13,0.3) 40%,
        rgba(10,10,13,0) 55%
      );
  }
}*/

.ae-product-feat-mobile .sd-image-cover::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: /* bottom solid block rising upward */ linear-gradient(to top, rgba(10, 10, 13, 1) 0%, rgba(10, 10, 13, 1) 12%, rgba(10, 10, 13, 0.85) 22%, rgba(10, 10, 13, 0.25) 60%), /* left-side jar shading */ linear-gradient(30deg, rgba(10, 10, 13, 0.9) 0%, rgba(10, 10, 13, 0.65) 18%, rgba(10, 10, 13, 0.25) 40%, rgba(10, 10, 13, 0.0) 70%);
}


/* ===============================
   AE Product Feature Mobile
   Remove cover/text seam
   =============================== */
/*
.ae-product-feat-mobile .ae-cover--product {
  margin-bottom: 0 !important;
  background-color: var(--sd-color-dark) !important;
}

.ae-product-feat-mobile .ae-text-col {
  margin-top: -2px !important;
  background-color: var(--sd-color-dark) !important;
}
*/
/* ===============================
   AE Product Feature Mobile
   Hide cover/text join
   =============================== */

.ae-product-feat-mobile .ae-cover--product {
  margin-bottom: 0 !important;
  background-color: var(--sd-color-dark) !important;
}

.ae-product-feat-mobile .ae-text-col {
  margin-top: -8px !important;
  background-color: var(--sd-color-dark) !important;
  position: relative !important;
  z-index: 5 !important;
}


.ae-cover--product .wp-block-cover__image-background {
  object-fit: cover;
  object-position: center center;
  height: 40% !important;
  top: 0;
  bottom: auto;
}

.ae-product-feat-mobile .ae-cover--product .wp-block-cover__image-background {
	height: 100% !important;
}

/* Custom image positioning */

/* bty */ .postid-70 .ae-cover--product .wp-block-cover__image-background {
  object-position: center center !important;
}

/* cam */ .postid-99 .ae-cover--product .wp-block-cover__image-background {
  object-position: center center !important;
}

/* elb */ .postid-75 .ae-cover--product .wp-block-cover__image-background {
  object-position: center center !important;
}

/* esq */ .postid-78 .ae-cover--product .wp-block-cover__image-background {
  object-position: center center !important;
}

/* fos */ .postid-72 .ae-cover--product .wp-block-cover__image-background {
  object-position: center center !important;
}

.postid-72 .ae-product-feat-mobile .ae-cover--product .wp-block-cover__image-background {
  object-position: center top !important;
}

/* cha */ .postid-100 .ae-cover--product .wp-block-cover__image-background {
  object-position: center center !important;
}

/* mer */ .postid-73 .ae-cover--product .wp-block-cover__image-background {
  object-position: center 70% !important;
}

/* neu */ .postid-74 .ae-cover--product .wp-block-cover__image-background {
  object-position: center center !important;
}

/* nhz */ .postid-76 .ae-cover--product .wp-block-cover__image-background {
  object-position: center 30% !important;
}

/* pdm */ .postid-71 .ae-cover--product .wp-block-cover__image-background {
  object-position: center center !important;
}

/* grn */ .postid-79 .ae-cover--product .wp-block-cover__image-background {
  object-position: center top !important;
}

/* wfi */ .postid-77 .ae-cover--product .wp-block-cover__image-background {
  object-position: center center !important;
}


.sd-parallax-jar {
  position: relative;
  will-change: transform;
  z-index: 3; /* above background and overlay */
}


/* Image container */
.ae-jar-wrap {
  width: 100%;
  display: flex;
  justify-content: flex-end; /* pushes image to right */
  align-items: flex-end;
}

/* Image sizing */
.ae-jar-img {
  max-width: 350px;
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* Mobile layout – center the image below text */
/*@media (max-width: 1024px) {
  .ae-jar-wrap {
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
  }
  .ae-jar-img {
    max-width: 300px;
  }
}
*/

/* Force product hero jar image sizing */
.ae-jar-col img.ae-jar-img {
  max-width: 400px !important;
  width: auto !important;
  height: auto !important;
  display: block;
  margin-left: auto;

}

/* Keep it centered on mobile */
@media (max-width: 1024px) {
  .ae-jar-col img.ae-jar-img {
    margin: 0 auto;
  }
}




/* Shop loop: description size/spacing */
.woocommerce ul.products li.product .ast-woo-shop-product-description,
.woocommerce ul.products li.product .ast-woo-shop-product-description p {
  font-size: var(--sd-fs-base, 1rem) !important;
  /*line-height: var(--sd-lh-md, 1.3) !important;
  color: var(--sd-color-text, #192029) !important;
  margin: 0 !important;*/
}

/* Tidy the gaps around it */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  margin-bottom: var(--sd-space-1) !important;
}
.woocommerce ul.products li.product .button {
  margin-top: var(--sd-space-2) !important;
}

.woocommerce-js div.product p.price, .woocommerce-js div.product span.price {
    font-weight: 700;
    margin: 0.5rem 0 .8rem !important;
}
.variations label, .variations legend {
    color: var(--ast-global-color-1) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

/*Page header - main page*/

.site-ae .sd-page-header-m h1 {/*font-size:1.4rem !important; */margin-bottom:1.3em !important; color:var(--sd-color-primary)!important; text-transform: uppercase !important;}
.site-ae .sd-page-header-m .sd-serif {}

/*Page header - simple*/

.site-ae .sd-page-header-s h1 {font-size:1.7rem !important; margin-bottom:15px !important;}

.site-ae .sd-page-header { }

/*.site-ae .sd-page-header h1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ast-global-color-1);
  opacity: 0.8;
  z-index: -1;
  pointer-events: none;
	border-radius: 0px !important;
}*/

.site-ae .sd-page-header h1 {
  font-size: 1.6rem !important;
	font-weight: 700 !important;
	padding: 0.8rem 1.6rem;
  margin-bottom: var(--sd-space-2);
	color: var(--sd-color-text-white) !important;
	z-index: 1 !important;
	letter-spacing: .1rem !important;
	
}

/*
.site-ae .sd-page-header h2.sd-serif {
  margin-bottom: 0.4em !important;
}
*/

.site-ae .sd-no-block-padding :where(.is-layout-constrained) > * {
  margin-block-start: 15px !important;
  margin-block-end: 0 !important;
}

.site-ae .sd-no-block-padding :where(.is-layout-flow) > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.sd-no-margin-block.is-layout-flow > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}







/* mixology page dark bg */
/*.page-id-23 #primary {background: var(--ast-global-color-1) !important;}*/


/* page headers */

/* Page header min-heights for parallax compatibility */
.sd-page-header {
  min-height: 25vh !important; /* Desktop default */
}

@media (max-width: 1024px) {
.sd-page-header {
    min-height: 40vh !important; /* Tablet */
  }
}

@media (max-width: 767px) {
.sd-page-header {
    min-height: 40vh !important; /* Mobile */
  }
}








/*
.site-ae .sd-page-header > img {
  aspect-ratio: 16 / 5 !important;
}

@media (max-width: 1024px) {
  .site-ae .sd-page-header > img {
    aspect-ratio: 16 / 6 !important;
  }
}

@media (max-width: 767px) {
  .site-ae .sd-page-header > img {
    aspect-ratio: 4 / 3 !important;
}
}
*/

.site-ae .sd-page-header-content {padding: 4rem 0 !important;}

/*
.ast-icon.icon-arrow {
  display: none;
}
*/

.sd-page-box::after {
  content: "" !important;
  position: absolute !important;
  top: 0; left: 0;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(15deg,
    rgba(var(--sd-color-main-2-rgb), 0.85) 0%,
    rgba(var(--sd-color-main-2-rgb), 0.6) 15%,
    rgba(var(--sd-color-main-2-rgb), 0.35) 25%,
    rgba(var(--sd-color-main-2-rgb), 0) 75%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}


.sd-page-box {
  position: relative !important;
  display: flex !important;
  align-items: end !important;
  justify-content: left !important;
  overflow: hidden !important;
  aspect-ratio: 5/4 !important;
  border-radius: 0 !important;
}

.sd-page-box img {
  position: absolute !important;
  top: 0; left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 0 !important;
}

.sd-page-box-overlay {
  position: relative !important;
  z-index: 2 !important;
  padding: var(--sd-space-4) !important;
  color: var(--sd-color-white, #fff) !important;
	  max-width: 60ch !important;
  width: 100% !important;
}

.sd-page-box-overlay h3 {
  font-size: var(--sd-fs-display-5) !important;
  margin-bottom: var(--sd-space-2) !important;
	color: #ffffff !important;
	font-weight: 400 !important;
	line-height: 1em !important;
	letter-spacing: normal !important;
}

.sd-page-box-overlay p {
  font-size: 1.15rem !important;
  margin-bottom: var(--sd-space-2) !important;
}

.sd-page-box-overlay .sd-btn {
  background-color: transparent !important;
	font-size: var(--sd-fs-sm) !important;
  color: var(--sd-text-white, #fff) !important;
  padding: var(--sd-space-2) var(--sd-space-3) !important;
	border: 1px solid #fff !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  font-weight: 300 !important;
	   backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.sd-page-box-overlay .sd-btn:hover {
	 color: var(--ast-global-color-0) !important;
	 background-color: var(--ast-global-color-1) !important;
	border: 1px solid var(--ast-global-color-0) !important;
}

/* =========================================
   SD Page Box — Text Under Image Variant
   ========================================= */

.sd-page-box-under {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  text-align: left !important;
}

.sd-page-box-under-img {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  aspect-ratio: 1/1 !important;
  position: relative !important;
}

.sd-page-box-under-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease, opacity 0.4s ease !important;
}

.sd-page-box-under:hover img {
  transform: scale(1.03) !important;
  opacity: 0.9 !important;
}

.sd-page-box-under-content {
  padding: var(--sd-space-3) 0 var(--sd-space-4) 0 !important;
  width: 100% !important;
  color: inherit !important;
}

.sd-page-box-under-content h3 {
  /*font-size: var(--sd-fs-display-5) !important;
  margin-bottom: var(--sd-space-2) !important;
  font-weight: 400 !important;
  line-height: 1em !important;
  letter-spacing: normal !important;*/
}

.sd-page-box-under-content p {

  margin-bottom: var(--sd-space-2) !important;
}

.sd-page-box-under-content .sd-btn {
  background-color: transparent !important;
  font-size: var(--sd-fs-sm) !important;
  color: inherit !important;
  padding: var(--sd-space-2) var(--sd-space-3) !important;
  border: 1px solid var(--sd-color-main-2) !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  font-weight: 300 !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.sd-page-box-under-content .sd-btn:hover {
  color: var(--ast-global-color-0) !important;
  background-color: var(--ast-global-color-1) !important;
  border: 1px solid var(--ast-global-color-0) !important;
}




/* ===============================
   WooCommerce Button Overrides
   =============================== */

/* primary-style: checkout btn */
.astra-cart-drawer .widget_shopping_cart_content a.button.checkout.wc-forward {
  color: var(--ast-global-color-5) !important;
  border-color: var(--ast-global-color-1) !important;
  background-color: var(--ast-global-color-1) !important;
}

.astra-cart-drawer .widget_shopping_cart_content a.button.checkout.wc-forward:hover {
  color: var(--ast-global-color-0) !important;
  border-color: var(--ast-global-color-0) !important;
  background-color: var(--ast-global-color-5) !important;
}

.ast-variation-button-group .ast-single-variation {
  display: inline-block !important;
  padding: 0.2em 1em !important;
  margin-bottom: 0.5em !important;
  margin-right: 0.5em !important;
  border: 1px solid var(--ast-global-color-7) !important;
  cursor: pointer !important;
}


.woocommerce ul.products li.product .button,
.woocommerce a.button.add_to_cart_button,
.woocommerce .button.product_type_variable,
.woocommerce .button.product_type_simple,
.woocommerce .button.product_type_grouped {
    background: none !important;
    border: none !important;
    font: inherit !important;
    text-align: left !important;
    color: var(--sd-btn-secondary-text) !important;
    line-height: inherit !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
    transition: color var(--sd-transition-medium) ease !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0.5rem 0 0 0 !important;
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--sd-space-1) !important;
}

.woocommerce ul.products li.product .button::after,
.woocommerce a.button.add_to_cart_button::after,
.woocommerce .button.product_type_variable::after,
.woocommerce .button.product_type_simple::after,
.woocommerce .button.product_type_grouped::after {
    content: "→";
    display: inline-block;
    transition: transform var(--sd-transition-medium) ease;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce .button.product_type_variable:hover,
.woocommerce .button.product_type_simple:hover,
.woocommerce .button.product_type_grouped:hover {
    color: var(--sd-color-primary) !important;
}

.woocommerce ul.products li.product .button:hover::after,
.woocommerce a.button.add_to_cart_button:hover::after,
.woocommerce .button.product_type_variable:hover::after,
.woocommerce .button.product_type_simple:hover::after,
.woocommerce .button.product_type_grouped:hover::after {
    transform: translateX(4px);
}

.woocommerce .button.single_add_to_cart_button {
    color: #ffffff !important;
}

.woocommerce .button:hover {
    background-color: #1c1f27 !important;
}





/* ===============================
   AE Site-Specific Overrides
   =============================== */

.site-ae .sd-no-block-padding :where(.is-layout-constrained) > * {
  margin-block-start: 15px !important;
  margin-block-end: 0 !important;
}

.site-ae .sd-no-block-padding :where(.is-layout-flow) > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/*
.site-ae :where(.is-layout-constrained) > * {
  margin-block-start: 15px !important;
  margin-block-end: 0 !important;
}
*/

/* AE Font Family Overrides */
:root {
  --sd-site-serif: 'ae-serif', serif;
  --sd-site-sans: 'Helvetica Neue', sans-serif;
  --sd-site-display: 'Playfair Display', serif;
}


/*h1, h2, h3, h4, h5, h6 {
  letter-spacing: var(--sd-lsp-h) !important;
}*/

.site-logo-img {
  filter: var(--sd-icon-filter) !important;
}

/* remove space from mixology pages */
body.parent-pageid-4148.ast-page-builder-template .site .site-content #primary, body.parent-pageid-4150.ast-page-builder-template .site .site-content #primary {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link {font-weight:400 !important;}


.ae-recipe-header {
  min-height: 80vh!important; /*var(--sd-cover-min-height) !important;*/
  padding-top: var(--sd-space-5) !important;
  padding-bottom: var(--sd-space-5) !important;
  align-items: flex-end !important;
  background-position: center center !important;
  background-size: cover !important;
}


/*.ae-has-mixology {  margin-top: var(--sd-space-4);
  background: var(--sd-color-bg-alt);
  padding: var(--sd-space-3);
  border-radius: var(--sd-radius-base);}*/


/* Standard container alignment for WooCommerce Cart & Checkout blocks */
.wc-block-cart,
.wc-block-checkout {
  max-width: var(--sd-site-width);
  margin-left: auto;
  margin-right: auto;
  /*padding-left: var(--sd-space-2);
  padding-right: var(--sd-space-2);*/
}

/* AE Typography Spacing Adjustments */
/*.site-ae .sd-serif {
  text-transform: none !important;
}*/

.site-ae h1.sd-serif {
  margin-bottom: 0.5em !important;
}

/* .site-ae h2.sd-serif {
  margin-bottom: 0.5em !important;
}*/

.site-ae h3.sd-serif {
  margin-bottom: 0.5em !important;
}

/*
.site-ae body {
  --sd-brand-feature-box-gap: var(--sd-space-2);
  --sd-brand-page-header-pt: var(--sd-space-4);
  --sd-brand-page-header-pb: var(--sd-space-3);
}
*/


body.site-ae .sd-page-header {
  background-color: var(--sd-color-white);
  text-align: left;
}

/*
body.site-ae .sd-feature-box {
  background-color: var(--sd-color-light-2);
  border-radius: 0;
}
*/







/* Brand CSS - A&E */

/*
@media (min-width: 1025px) {
  .single-product .product .summary {
    border-left: 1px solid var(--sd-color-border) !important;
    padding-left: var(--sd-space-3) !important;
  }
}

*/

/* Zoom effect on product image */
img.attachment-woocommerce_thumbnail {
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

img.ae-zoomed,
img.ae-zoomed-remove {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

img.ae-zoomed {
  transform: scale(1.05);
}






/* ===============================
   AE Sliders (Feature + Product)
   =============================== */

/* Reset Gutenberg block flow margins inside Splide */
.ae-product-slider :where(.is-layout-flow) > *:not([class*="sd-m-"]) {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* === FEATURE SLIDER (Full Width) === */
.wp-block-group:has(.ae-feature-slider) {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0;
  padding-right: 0;
}

/* === PRODUCT SLIDER (Constrained & Responsive) === */

/* Let Splide resize dynamically inside .sd-site-width-med */
.ae-product-slider.splide {
  width: 100%;
  max-width: none !important;
  overflow: hidden;
  box-sizing: border-box;
}

/* Respect your layout width token for product slider groups */
.wp-block-group:has(.ae-product-slider) {
  max-width: var(--sd-site-width-med) !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--sd-space-3);
  padding-right: var(--sd-space-3);
  box-sizing: border-box;
}

/* Ensure track and slides behave fluidly */
.ae-product-slider .splide__track {
  overflow: visible;
}

.ae-product-slider .splide__slide {
  min-width: 0;
  box-sizing: border-box;
}

/* Images: responsive, never overflowing */
.ae-product-slider .splide__slide img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: var(--sd-radius-md, 0);
}



/* ===============================
   AE Product Slider
   Compact mobile cards
   =============================== */

@media (max-width: 544px) {
	
  .ae-product-slider {
    padding-left: var(--sd-space-2) !important;
    padding-right: var(--sd-space-2) !important;
  }
	
  .ae-product-slider p.wp-block-paragraph,
  .ae-product-slider .wp-block-buttons {
    display: none !important;
  }

  .ae-product-slider h3.wp-block-heading {
    font-size: var(--sd-fs-base) !important;
    line-height: 1.2 !important;
    margin-top: var(--sd-space-1) !important;
    text-align: left !important;
  }

  .ae-product-slider h3.wp-block-heading a {
    text-align: left !important;
  }
}


/* updated recipe steps */
.ae-recipe-steps ol {
  list-style: none;
  counter-reset: my-counter;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.ae-recipe-steps ol li {
  counter-increment: my-counter;
  display: block;
  font-size: 1.1em;
  margin-bottom: 1em;
  position: relative;
  padding-left: 2.5em;
  line-height: 1.6;
  word-break: break-word;
  overflow-wrap: break-word;
}



.ae-recipe-steps ol li::before {
  content: counter(my-counter, upper-roman);
  font-weight: 700;
  font-size: 1rem;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'ae-serif';
  color: var(--ast-global-color-0);
  background: var(--ast-global-color-1);
  border-radius: 100%;
  height: 2rem;
  width: 2rem;
  line-height: 1;
  white-space: nowrap;
}

/*
.ae-recipe-steps ol li::before {
  content: "" counter(my-counter, lower-roman);
  font-weight: 700;
  font-size: 1.2em;
  position: absolute;
  left: 0;
  font-family: 'ae-serif';
  line-height: 1.4;
  color: var(--ast-global-color-0);
  white-space: nowrap;
}
*/

.ae-recipe-steps ol li a {
  color: var(--ast-global-color-1);
  text-decoration: underline;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  margin: 0;
}


/* end recipe steps */


/* ===============================
   WooCommerce Single Product
   Tablet two-column layout
   =============================== */

@media (min-width: 700px) and (max-width: 1024px) {
  body.woocommerce-js.single-product div.product {
    display: grid !important;
    grid-template-columns: minmax(0, 52%) minmax(260px, 1fr) !important;
    column-gap: var(--sd-space-3) !important;
    align-items: start !important;
  }

  body.woocommerce-js.single-product div.product div.images.woocommerce-product-gallery,
  body.woocommerce-js.single-product div.product div.summary.entry-summary {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-js.single-product div.product div.images.woocommerce-product-gallery {
    grid-column: 1 !important;
  }

  body.woocommerce-js.single-product div.product div.summary.entry-summary {
    grid-column: 2 !important;
  }

  body.woocommerce-js.single-product div.product div.images.woocommerce-product-gallery img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* Improved alignment for WooCommerce cart form */
.woocommerce div.product form.cart .variations_button {
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: var(--sd-space-2) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce div.product form.cart .quantity {
  flex: 0 0 calc(28% - var(--sd-space-1)) !important;
  max-width: calc(28% - var(--sd-space-1)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.woocommerce div.product form.cart .quantity.buttons_added {
  display: flex !important;
  align-items: center !important;
  height: 44px !important;
  border: 1px solid var(--sd-color-border) !important;
  overflow: hidden !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

.woocommerce div.product form.cart .quantity.buttons_added input[type="number"],
.woocommerce div.product form.cart .quantity.buttons_added .minus,
.woocommerce div.product form.cart .quantity.buttons_added .plus {
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.woocommerce div.product form.cart .quantity.buttons_added input[type="number"] {
  flex: 1 1 auto !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button {
  flex: 0 0 auto !important;
  max-width: none !important;
  width: auto !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}


/* DESKTOP ONLY BUTTON PADDING */
@media (min-width: 769px) {
  .woocommerce div.product form.cart .quantity.buttons_added .minus,
  .woocommerce div.product form.cart .quantity.buttons_added .plus {
    width: auto !important;
    padding: 0 0.75rem !important;
    flex: 0 0 auto !important;
    font-size: 1.1rem !important;
  }
}

/* EXTRA: Desktop padding fix for cramped quantity controls */
@media (min-width: 1025px) {
  .woocommerce div.product form.cart .quantity.buttons_added .minus,
  .woocommerce div.product form.cart .quantity.buttons_added .plus {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    min-width: 38px !important;
  }
}

/* Prevent layout issues in tight containers */
.woocommerce div.product form.cart .quantity.buttons_added {
  min-width: 0 !important;
}

/* MOBILE STACKING */
@media (max-width: 544px) {
  .woocommerce div.product form.cart .variations_button {
    flex-direction: column !important;
  }

  .woocommerce div.product form.cart .quantity,
  .woocommerce div.product form.cart .single_add_to_cart_button {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ===============================
   TABLET LAYOUT FIX (PORTRAIT)
   =============================== */

@media (min-width: 545px) and (max-width: 1024px) {
  /* Keep quantity + button inline */
  .woocommerce div.product form.cart .variations_button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: var(--sd-space-2) !important;
  }

  /* Normal widths for quantity + button */
  .woocommerce div.product form.cart .quantity,
  .woocommerce div.product form.cart .single_add_to_cart_button {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
  }
}


@media (min-width: 545px) and (max-width: 768px) {
  /* Product summary full width */
  .single-product .product .summary {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 auto !important;
    /*padding-left: var(--sd-space-4) !important;
    padding-right: var(--sd-space-4) !important;*/
    box-sizing: border-box !important;
  }
}





/* deprecated
 .single-product .product .summary {
	 margin-bottom: var(--sd-space-6) !important;}

@media (min-width: 545px) and (max-width: 921px) {
  .single-product .product .summary {
    margin-bottom: var(--sd-space-6) !important;
  }
}

*/

/* ===============================
   WooCommerce Single Product
   Summary spacing before next section
   Matches product layout breakpoints:
   - 700px–1024px = two-column tablet
   - 699px and below = stacked
   =============================== */

/* Default / desktop */
.single-product .product .summary {
  margin-bottom: var(--sd-space-5) !important;
  padding-bottom: 0 !important;
}

/* Tablet two-column range */
@media (min-width: 700px) and (max-width: 1024px) {
  .single-product .product .summary {
    margin-bottom: 0 !important;
    padding-bottom: var(--sd-space-6) !important;
    box-sizing: border-box !important;
  }
}

/* Stacked layout */
@media (max-width: 699px) {
  body.woocommerce-js.single-product .product .summary {
    margin-bottom: var(--sd-space-5) !important;
    padding-bottom: 0 !important;
  }
}



@media (min-width: 545px) {
  .woocommerce div.product form.cart .quantity {
    flex: 0 1 auto !important;
    max-width: none !important;
  }

  .woocommerce div.product form.cart .quantity.buttons_added .minus,
  .woocommerce div.product form.cart .quantity.buttons_added .plus {
    min-width: 36px !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}

/* ===============================
   WooCommerce Add to Cart Layout
   =============================== */

/* Align quantity + button side-by-side, left-aligned */
.woocommerce div.product form.cart .variations_button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--sd-space-2) !important;
}

/* Restore mobile stacking if needed */
@media (max-width: 768px) {
  .woocommerce div.product form.cart .variations_button {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .woocommerce div.product form.cart .single_add_to_cart_button {
    width: 100% !important;
  }
}



/* REVIEW STARS */

.woocommerce .star-rating, .woocommerce .comment-form-rating .stars a, .woocommerce .star-rating::before {
    color: var(--ast-global-color-1) !important;
}


/* Cusrev */

.cr-reviews-slider .cr-review-card .cr-review-card-inner {
    margin: 0 auto;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent !important;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: transparent !important;
}

.cr-reviews-slider .cr-review-card .middle-row, .cr-reviews-slider .cr-review-card .cr-incentivized-row {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    font-family: sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-size: 16px;
    margin: 0 10px 15px 10px;
    flex: 1;
}

.cr-reviews-slider .cr-review-card .top-row {
    display: flex;
    padding: 10px 0 0 0;
    border-bottom: none !important;
    margin: 0 10px 0 10px;
}



.cr-reviews-grid .cr-review-card .crstar-rating span, .cr-reviews-slider .cr-review-card .crstar-rating span {
    padding-top: 1em;
    font-size: 18px;
	color: var(--ast-global-color-0) !important;
}


.cr-reviews-grid .cr-review-card .crstar-rating::before, .cr-reviews-slider .cr-review-card .crstar-rating::before {
    content: '';
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    font-size: 18px;
    width: 100%;
	color: var(--ast-global-color-0) !important;
}

.cr-reviews-grid .cr-review-card .top-row .reviewer .reviewer-name, .cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-name {
    font-family: sans-serif !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 1rem !important;
    line-height: 23px;
    color: var(--ast-global-color-5) !important;
    height: 50%;
    display: flex;
    align-items: center;
}


.cr-reviews-grid .cr-review-card .middle-row .review-content, .cr-reviews-slider .cr-review-card .middle-row .review-content {
    margin: 0 0 12px 0;
    color: var(--ast-global-color-4) !important;
}


.cr-reviews-grid .cr-review-card .crstar-rating, .cr-reviews-slider .cr-review-card .crstar-rating {
    font-family: star;
    letter-spacing: 2px !important;
}
.cr-review-card .datetime {
    display: none;
}

/* end cusrev */
















/* === Spectra / Astra / WP Overrides === */


/* Astra post title override */
/*(.ast-single-post .entry-title.ae-heading-override {
  font-family: var(--ae-font-display) !important;
  font-size: var(--ae-fs-display-2) !important;
  line-height: var(--ae-lh-sm) !important;
  font-weight: 400 !important;
}*/

/* WooCommerce product title override */
/*.woocommerce-loop-product__title.ae-heading-override {
  font-size: var(--ae-fs-md) !important;
  font-weight: 500 !important;
  letter-spacing: var(--ae-lsp-h) !important;
}

*/








/* PREVIOUS - to be migrated or deleted ------------ */



.ae-feat-fixed {
    position: absolute !important;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: clamp(1rem, 4vw, 3rem) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    max-width: 80% !important;
    width: auto !important;
}

.ae-feat-overlay img {
    margin: 0 !important;
    padding: 0 !important;
	  object-fit: cover !important;
}

.ae-feat-overlay {
    position: relative !important;
    overflow: hidden;
}

.ae-feat-overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( to top, rgba(11, 13, 21, 0.8) 0%, rgba(11, 13, 21, 0) 40%, rgba(11, 13, 21, 0) 100% );
    z-index: 1;
    pointer-events: none;
}


/* Stagger every second feature box on desktop */
/*
.ae-feature-grid > .ae-feature-box:nth-child(2n) .ae-feat-overlay {
  transform: translateY(90px);
}

@media (max-width: 991px) {
  .ae-feature-grid > .ae-feature-box:nth-child(2n) .ae-feat-overlay {
    transform: none !important;
  }
}
*/



.ae-hero-jar-wrapper {
    position: absolute;
    bottom: 0;
    right: 5%;
    transform: translateY(16%);
    z-index: 2;
    pointer-events: none;
}

.ae-hero-jar {
    width: clamp(300px, 40vw, 600px);
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    .ae-hero-jar-wrapper {
        position: static;
        transform: none;
        bottom: auto;
        right: auto;
        display: flex;
        justify-content: center;
        width: 100%;
		margin-bottom: -50px !important;
    }

    .ae-hero-jar {
        width: 90%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
}

.ae-feat-visual-layer::after {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    right: -35%;
    bottom: 0;
    background-image: url(https://atlasandeden.com/wp-content/uploads/tea-jar-hero.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    pointer-events: none;
    z-index: 0 !important;
    transform: translateY(20%);
}

.ae-hero-gradient {
    background: linear-gradient( 80deg, #0b0d15 0%, #0b0d15 50%, rgba(11, 13, 21, 0.5) 75%, rgba(11, 13, 21, 0) 90%, rgba(11, 13, 21, 0) 100% ) !important;
}




.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a), .woocommerce-js .woocommerce-product-details__short-description a {
    text-decoration: none !important;
}



/*#ast-fixed-header .main-header-bar {box-shadow: 0 0px 20px rgba(0, 0, 0, .15) !important;}*/

/*.single-product header#masthead {
    border-bottom: 1px solid var(--ast-global-color-7);
}*/

#ast-fixed-header .main-header-bar {
    box-shadow: none !important;
}




.ae-recipe-img-bg:before {
    /*background-color: #00000010 !important;*/
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    backdrop-filter: blur(10px) brightness(0.7);
}


/* BBY mocktail */
.postid-130 {
    --recipe-gradient-color-1: rgba(155, 81, 224, 0.5); /* Mid amethyst */
    --recipe-gradient-color-2: rgba(255, 100, 200, 0.3); /* Light pinkish */
}

/* BBY cocktail */
.postid-764 {
    --recipe-gradient-color-1: rgba(155, 81, 224, 0.5);
    --recipe-gradient-color-2: rgba(255, 100, 200, 0.3);
}


/* ELB cocktail */
.postid-762 {
    --recipe-gradient-color-1: rgba(255, 150, 50, 0.5); /* Mid orange */
    --recipe-gradient-color-2: rgba(255, 200, 100, 0.2); /* Light yellow */
}


/* ELB mocktail */
.postid-750 {
    --recipe-gradient-color-1: rgba(255, 150, 50, 0.5); /* Mid orange */
    --recipe-gradient-color-2: rgba(255, 200, 100, 0.2); /* Light yellow */
}


/* PDM cocktail */
.postid-761 {
    --recipe-gradient-color-1: rgba(136, 84, 47, 0.5); /* Milk chocolate */
    --recipe-gradient-color-2: rgba(186, 140, 99, 0.3); /* Light creamy brown */
}


/* WFI cocktail */
.postid-765 {
--recipe-gradient-color-1: rgba(61, 0, 8, 1); /* Dark Scarlet */
--recipe-gradient-color-2: rgba(157, 0, 63, 0.56); /* Vivid Royal Scarlet */
}


/* WFI mocktail */
.postid-760 {
--recipe-gradient-color-1: rgba(61, 0, 8, 1); /* Dark Scarlet */
--recipe-gradient-color-2: rgba(157, 0, 63, 0.56); /* Vivid Royal Scarlet */
}




.ae-recipe-color-fx::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        135deg,
        rgba(17, 22, 27, 1) 0%, /* Anchored base color starts here */
        rgba(17, 22, 27, 1) 5%, /* Extend the anchored dark color to 30% */
        var(--recipe-gradient-color-1) 15%, /* Mid feature color */
        var(--recipe-gradient-color-2) 25%, /* Light feature color */
        rgba(255, 100, 200, 0) 40% /* Full transparency fade-out */
    );
    background-size: 130% 130%;
    background-position: 0% 0%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.4;

    /* Animation */
    animation: gradientAnimation 25s ease infinite;
}



/* SVG requires h & w declared */
.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img {
    height: 50px !important;
    width: 200px !important;
}



.ae-share-trigger {
    max-width: 32px;
}


.woocommerce-js #reviews h2 {font-weight:700 !important;}

::selection {
    background-color: var(--ast-global-color-1);
    color: var(--ast-global-color-5);
}


.ae-tea-details h5, .ae-tea-details .entry-content h5 {/*color:var(--ast-global-color-5) !important;*/ margin-top:0.5em !important;}




.ae-serif.ae-text-color-h h1, .ae-serif.ae-text-color-h h2, 
.ae-serif.ae-text-color-h h3 {color:var(--ast-global-color-3) !important;}

.ae-product-inner {background:#000 !important; color:#fff;}

.ae-feat-img-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(15, 21, 29, 1) 0%, rgba(15, 21, 29, 0) 300px) !important;
    z-index: 0;
}



.ast-sticky-main-shrink .ast-sticky-shrunk .main-header-bar .ast-site-identity, .ast-sticky-main-shrink .ast-sticky-shrunk.main-header-bar .ast-site-identity {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

	

@keyframes gradientAnimation {
    0% { background-position: 0% 0%; } /* Anchored dark base */
    50% { background-position: 50% 50%; } /* Mid animation */
    100% { background-position: 0% 0%; } /* Return to start */
}





.ae-tea-details .uagb-faq-item-active .uagb-faq-content {/*background:#ffffff0d !important;*/ /*border: 1px solid #9a966d94 !important;*/ margin-top:15px;}



/* SVG requires h & w declared */
.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img {
    height: 50px !important;
    width: 200px !important;
}



.ae-share-trigger {
    max-width: 32px;
}


.woocommerce-js #reviews h2 {font-weight:700 !important;}

::selection {
    background-color: var(--ast-global-color-1);
    color: var(--ast-global-color-5);
}


.ae-tea-details h5, .ae-tea-details .entry-content h5 {/*color:var(--ast-global-color-5) !important;*/ margin-top:0.5em !important;}




.ae-serif.ae-text-color-h h1, .ae-serif.ae-text-color-h h2, 
.ae-serif.ae-text-color-h h3 {color:var(--ast-global-color-3) !important;}

.ae-product-inner {background:#000 !important; color:#fff;}

.ae-feat-img-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(15, 21, 29, 1) 0%, rgba(15, 21, 29, 0) 300px) !important;
    z-index: 0;
}



.ast-sticky-main-shrink .ast-sticky-shrunk .main-header-bar .ast-site-identity, .ast-sticky-main-shrink .ast-sticky-shrunk.main-header-bar .ast-site-identity {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}




div.fpf-fields-config-wrapper {
display:none!important;
}



.woocommerce-breadcrumb a[href*="/tea/organic-tea"] {
    pointer-events: none;
    cursor: default;
    color: #777;
}

.wp-block-woocommerce-attribute-filter li[hidden] {
    display: inline-block !important;
    width: auto !important;
    visibility: visible !important;
	
}

.wp-block-woocommerce-attribute-filter .show-more {
    display: none !important;
}

.wp-block-woocommerce-attribute-filter .wc-block-components-checkbox__label {
    font-size: 0.75rem;
    text-transform: uppercase;
	font-family: var(--ae-heading-font);
}

.woocommerce .widget .wc-block-checkbox-list li label:hover {
    color: var(--ast-global-color-0);
	   background: var(--ast-global-color-1);
    border: 1px solid var(--ast-global-color-1);
	font-weight:600;
}

.widget_layered_nav_filters .chosen {font-family: var(--ae-heading-font) !important; text-transform:uppercase; font-size:0.9rem !important; font-weight:500;}

.ae-product-tag {
	/*font-family: 'ae-sans', sans-serif;*/
    background: var(--ast-global-color-2);
    padding: 0.3em 0.8em;
    color: var(--ast-global-color-5);
    font-size: 0.7em;
    text-transform: uppercase;
    border-radius: 3px;
	font-weight: 500;
	margin-right: 0.4em;
}

/* center specific heading types */
.related h2 {text-align: center !important; margin-bottom:1em !important;
}

/*.related .woocommerce-loop-product__title {text-align: left !important;}*/


/* end center headings */


.woocommerce-loop-product__title { margin-top: 0.5rem !important; padding-bottom: 0.5rem !important;
}



/*
.c-force-100, .astra-advanced-hook-183, .astra-advanced-hook-1446, .astra-advanced-hook-1750 {
    clear: both;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
}
*/
/*.ae-force-100-pd {padding-left:20px !important; padding-right:20px !important;}*/


/* LETTER SPACING */

.site-header .menu-text {letter-spacing: 0.1em /*var(--sd-lsp-h)*/ !important; font-size: 0.95rem !important;}


/* Force 100vw */
/*
.c-force-100,
.astra-advanced-hook-89,
.astra-advanced-hook-109,
.astra-advanced-hook-450,
.astra-advanced-hook-277 {
  clear: both;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
}
*/



/* RECIPE STYLING */

/*INGREDIENTS*/


.ae-mix-details-h {text-align:center; text-transform:uppercase; font-size:1.2em; font-weight:700; padding-bottom:1.5em;}


.ae-ingredient-box .ae-ingredient-img {
  max-width: 100%;
}

.ae-ingredient-box .ae-ingredient-name {
  margin-top: 10px;
  text-align: center;
	font-weight:700;
}

/*Ingredients - box parts*/

.ae-ingredient-container {
  max-width: 560px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.ae-ingredient-box {
  width: 48%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
	padding: 2rem;
}

.ae-ingredient-container .ae-ingredient-box-odd {
  width: 50%;
  margin-left: 25%;
}

.ae-ingredient-box .ae-ingredient-img {
  max-width: 100%;
}

.ae-ingredient-box .ae-ingredient-name {
  margin-top: 10px;
  text-align: center;
}

/*Recipe Steps*/




/* Recipe Steps */


.ae-recipe-instructions ol {
    list-style: none;
    counter-reset: my-counter;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.ae-recipe-instructions ol li {
    counter-increment: my-counter;
    display: block;
    font-size: 1.1em;
    margin-bottom: 1em;
    position: relative;
    padding-left: 2.5em;
    line-height: 1.6;
    word-break: break-word;
    overflow-wrap: break-word;
}

.ae-recipe-instructions ol li::before {
    content: "" counter(my-counter, lower-roman);
    font-weight: 700;
    font-size: 1.2em;
    position: absolute;
    left: 0;
    font-family: 'ae-serif';
    line-height: 1.4;
    color: var(--ast-global-color-0);
    white-space: nowrap;
}

.ae-recipe-instructions ol li a {
    color: var(--ast-global-color-1);
    text-decoration: underline;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    margin: 0; /* Ensure no extra spacing */
}

.ae-recipe-step-container ol {
    margin: 0;
}




/*
.ae-recipe-instructions ol {
    list-style: none;
    counter-reset: my-counter;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;

}
.ae-recipe-instructions ol li {
    counter-increment: my-counter;
    display: flex;
    width: 100%;
    font-size: 1.1em;
    margin-bottom: 1em;
}

.ae-recipe-instructions ol li::before {
    content: "" counter(my-counter, upper-roman);
    font-weight: 700;
    font-size: 1.4em;
    margin-right: 0.8em;
    font-family: 'ae-serif';
    line-height: 1;
    color:var(--ast-global-color-0);
	 white-space: nowrap;

}
*/
/*
.ae-recipe-step-container {
	  max-width: 540px;
  margin: 0 auto;
}
*/


/*code*/

/*

.ae-steps {
  counter-reset: step-counter;
  list-style: none;
  padding-left: 0;
}

.ae-step {
  counter-increment: step-counter;
  display: flex;
  margin-bottom: 20px;
}

.ae-step:before {
  content: counter(step-counter) ". ";
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  margin-right: 25px;
}

.ae-step .sd-step-text {
  flex: 1;
  margin: 0;
  padding: 0;
  text-align: justify;
}

.ae-step .sd-step-text p:first-child {
  text-indent: 0;
}

*/


/*.mocktail .ae-var-text-color {color:#fff !important;}

.mocktail .ae-var-bg-color {background:#fff !important;}

.mocktail .ae-var-text-weight {font-weight:300 !important;}*/

.mocktail .ae-var-bg-color-dark-alt {background:#e4f3ff !important;}

.cocktail .ae-var-text-color > .uagb-heading-text {color:var(--ast-global-color-5) !important;}

.cocktail .ae-var-bg-color {background:var(--ast-global-color-1) !important;}

.cocktail .ae-var-bg-color-dark-alt {background:#0e0f12 !important;}

.cocktail .ae-var-text-weight > .uagb-heading-text {font-weight:300 !important;}


/*

...or just do a light version as default and only apply the .cocktail classes for dark version

*/


/* SVG icon styling */

/*.sd-icon-color .uagb-ifb-image-content, .sd-icon-color .uagb-icon-list__source-image, .sd-icon-color .wp-block-uagb-image__figure, .site-logo-img
 {filter: invert(78%) sepia(8%) saturate(1175%) hue-rotate(9deg) brightness(80%) contrast(85%);}


.sd-icon-color-w, .sd-icon-color-w .uagb-icon-list__source-image {filter: invert(99%) sepia(0%) saturate(1573%) hue-rotate(224deg) brightness(106%) contrast(100%);}*/

/* End SVG icon styling */




/* SHOP ARCHIVE */

.woocommerce ul.products, .woocommerce-page ul.products {
   column-gap: 40px;
}

.ast-woo-shop-product-description {
    padding-bottom: 1rem;
}

a.button.product_type_variable.add_to_cart_button {
	width: 100%;
	 text-align: center;
	background: var(--ast-global-color-5) !important;
		letter-spacing: var(--ae-lsp-btn) !important;
    /*width: 100%;
    text-align: center;
	background: var(--ast-global-color-1) !important;
	color: var(--ast-global-color-5) !important;
	border: 1px solid var(--ast-global-color-1) !important;
	letter-spacing: var(--ae-lsp-btn) !important;*/
}



a.button.product_type_variable.add_to_cart_button:hover {
	background: transparent !important;
	color: var(--ast-global-color-0) !important;
	border: 1px solid var(--ast-global-color-0) !important;
}

/* need hover for btn*/


/* SINGLE PRODUCT*/

/*fix accordion icon spacing*/
.wp-block-uagb-faq-child .uagb-faq-questions-button .uagb-question {

    margin-left: 10px !important;
}

.uagb-block-3f010201.uagb-faq-icon-row .uagb-faq-item .uagb-faq-icon-wrap {
    margin-right: 0 !important;
}

.woocommerce-js div.product form.cart .variations {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.woocommerce-review-link {color: var(--ast-global-color-3) !important;
	font-size:0.9rem !important;
}

.ast-variation-button-group .ast-single-variation.active {
    color: #ffffff !important;
    background: var(--ast-global-color-1) !important;
    border: 1px solid var(--ast-global-color-1) !important;
}


.ast-variation-button-group .ast-single-variation {
    border: 1px solid var(--ast-global-color-7);
    cursor: pointer;
	color: var(--ast-global-color-7);
	font-weight:400 !important;
	font-size: 0.8rem !important;
	text-transform: uppercase;
	border-radius: none;
	 transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out, border 0.5s ease-in-out;
}


.ast-variation-button-group .ast-single-variation:hover {
    border: 1px solid var(--ast-global-color-1);
    cursor: pointer;
	color: var(--ast-global-color-5);
	background: var(--ast-global-color-1);
	}

.ast-variation-button-group .ast-single-variation.active {
    color: #ffffff;
    background: var(--ast-global-color-1);
    border: 1px solid var(--ast-global-color-1);
}

.single-product.woocommerce button.button.disabled {
    opacity: 1 !important;
}


/*
.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 0 1rem 0;
    width: auto;
}


.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: none !important;
	clear: both !important;
     width: 100% !important;
    margin-bottom: 1em;
}

.ast-woocommerce-container {
    width: 980px !important;
    margin: auto !important;
}
*/



/* Add To Cart button */



.woocommerce-js div.product form.cart .button.single_add_to_cart_button.disabled {

	/*background-color: var(--ast-global-color-8) !important;
	    border-color: var(--ast-global-color-8) !important;
		    color: var(--ast-global-color-5);*/
}

.woocommerce-js div.product form.cart .button.single_add_to_cart_button.disabled:hover { /*background-color:  var(--ast-global-color-8) !important;
	    border-color: var(--ast-global-color-8) !important;
	color: var(--ast-global-color-5);*/
		opacity:0.2 !important;
}

.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
    padding: 14px 32px !important;
	font-size:0.85rem !important;
	    color: var(--ast-global-color-5);
	font-weight:400 !important;
    border-color: var(--ast-global-color-1);
    background-color: var(--ast-global-color-1);
}

@media (max-width: 544px) {
		
.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: none !important;
	clear: both !important;
     width: 100% !important;
    margin-bottom: 1em;
}
	
}


/*
.woocommerce button.button.alt.disabled.wc-variation-selection-needed {
    color: var(--ast-global-color-0);
    border-color: var(--ast-global-color-1);
    background-color: var(--ast-global-color-1);
}*/

.woocommerce-js div.product form.cart .button.single_add_to_cart_button:hover {
	    color: var(--ast-global-color-0);
    border-color: var(--ast-global-color-1);
    background-color: var(--ast-global-color-1);
}

/* REVIEWS */

.woocommerce-review__author:before {
    content: 'Verified Purchase';
    display: block;
    font-size: .6em;
    color: #333;
    font-weight: 400;
    background: url(/wp-content/uploads/shield-20.png);
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 22px;
    background-position-y: center;
    margin-bottom: 1.2em;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
	padding: 0 !important;
}







/* FX */

/* Button transitions - not working */
/*
.menu-toggle, 
button, 
.ast-button, 
.ast-custom-button, 
.button, 
input#submit, 
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
#comments .submit, 
.search .search-submit, 
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, 
body .wp-block-file .wp-block-file__button, 
.search .search-submit, 
.woocommerce-js a.button, 
.woocommerce button.button, 
.woocommerce .woocommerce-message a.button, 
.woocommerce #respond input#submit.alt, 
.woocommerce input.button.alt, 
.woocommerce input.button, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled], 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover, 
.woocommerce #respond input#submit, 
.woocommerce button.button.alt.disabled, 
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link, 
.wc-block-grid__product-onsale, 
[class*="wc-block"] button, 
.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping), 
.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout, 
.woocommerce button.button.alt.disabled.wc-variation-selection-needed, 
[class*="wc-block"] .wc-block-components-button {
    transition: background-color 0.3s ease !important, background 0.3s ease !important, color 0.3s ease !important, border-color 0.3s ease !important;
}
*/

/* Add hover state for buttons with !important */

/*
.menu-toggle:hover, 
button:hover, 
.ast-button:hover, 
.ast-custom-button:hover, 
.button:hover, 
input#submit:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover, 
input[type="reset"]:hover, 
#comments .submit:hover, 
.search .search-submit:hover, 
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, 
body .wp-block-file .wp-block-file__button:hover, 
.search .search-submit:hover, 
.woocommerce-js a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce .woocommerce-message a.button:hover, 
.woocommerce #respond input#submit.alt:hover, 
.woocommerce input.button.alt:hover, 
.woocommerce input.button:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce #respond input#submit:hover, 
.woocommerce button.button.alt.disabled:hover, 
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover, 
.wc-block-grid__product-onsale:hover, 
[class*="wc-block"] button:hover, 
.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping):hover, 
.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout:hover, 
.woocommerce button.button.alt.disabled.wc-variation-selection-needed:hover, 
[class*="wc-block"] .wc-block-components-button:hover {
    transition: background-color 0.3s ease !important, background 0.3s ease !important, color 0.3s ease !important, border-color 0.3s ease !important;
}

*/

/* SOCIAL SHARE */
/*
.sd-social-fixed  {
    position: fixed !important;
    left: 0 !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
    z-index: 0 !important;
}


.sd-svg-icon-green a {
    z-index: 1;
}
*/
/*
.uagb-modal-trigger {-webkit-filter: invert(99%) sepia(0%) saturate(3806%) hue-rotate(37deg) brightness(112%) contrast(100%);filter: invert(99%) sepia(0%) saturate(3806%) hue-rotate(37deg) brightness(112%) contrast(100%);}

.sd-share.sd-svg-icon-white .wp-block-uagb-social-share-child img {-webkit-filter: invert(99%) sepia(0%) saturate(3806%) hue-rotate(37deg) brightness(112%) contrast(100%);filter: invert(99%) sepia(0%) saturate(3806%) hue-rotate(37deg) brightness(112%) contrast(100%);}

.sd-svg-icon-green-hvr .wp-block-uagb-social-share-child:hover img {-webkit-filter: invert(95%) sepia(16%) saturate(1689%) hue-rotate(19deg) brightness(79%) contrast(96%);filter: invert(95%) sepia(16%) saturate(1689%) hue-rotate(19deg) brightness(79%) contrast(96%);}
*/
/* End social share */




/* Woocommerce style overrides */
/*
h2.woocommerce-loop-product__title:hover {
    color: var(--ast-global-color-0);
}
*/


/*Cart & Checkout*/
/*#astra-mobile-cart-drawer .ast-product-name {}*/

/* ADD PAGE SPECIFIC CART AND CHECKOUT CLASSES FOR THIS AS IT CLASHES WITH FULL WIDTH SECTIONS ON OTHER PAGES */
/*
@media (min-width: 1201px) {
    .ast-separate-container .entry-content[data-ast-blocks-layout] > .alignwide, .ast-plain-container .entry-content[data-ast-blocks-layout] > .alignwide {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width: 1201px) {
    .ast-separate-container .entry-content[data-ast-blocks-layout] > .alignwide, .ast-plain-container .entry-content[data-ast-blocks-layout] > .alignwide {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 1200px) {
    .ast-separate-container .entry-content > .alignfull, .ast-separate-container .entry-content[data-ast-blocks-layout] > .alignwide, .ast-plain-container .entry-content[data-ast-blocks-layout] > .alignwide, .ast-plain-container .entry-content .alignfull {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
*/

/* Product Reviews */

.crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: var(--ast-global-color-0) !important;
}

.crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
    width: 1rem;
    height: 1rem;
    fill: var(--ast-global-color-0) !important;
    flex-shrink: 0;
}

.cr-all-reviews-shortcode .crstar-rating, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .crstar-rating, #reviews #comments .cr-summaryBox-wrap .crstar-rating {color: var(--ast-global-color-0)!important;}

#reviews.cr-reviews-ajax-reviews .cr-ajax-search, .cr-all-reviews-shortcode .cr-ajax-search {
    display: none;
}

.cr-ajax-reviews-sort-div {
    display: none;
}

#reviews.cr-reviews-ajax-reviews ol, 
.cr-all-reviews-shortcode ol {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.cr-all-reviews-shortcode .cr-count-row, #reviews.cr-reviews-ajax-reviews .cr-count-row {
 	padding: 10px 0px !important;}

.woocommerce-review__verified.verified {
    display: none !important;
}

/*
.cr-review-card.cr-card-product {
    min-height: 300px !important;
}

.cr-review-card {
   background-color: #0f151d61 !important;
    backdrop-filter: blur(5px);
}

.cr-reviews-grid .cr-review-card .crstar-rating span, .cr-reviews-slider .cr-review-card .crstar-rating span {
    font-size: 1rem !important;
}

.cr-reviews-grid .cr-review-card .rating-row .rating-label, .cr-reviews-slider .cr-review-card .rating-row .rating-label {font-size: 1rem !important;}

.cr-reviews-grid .cr-review-card .crstar-rating::before, .cr-reviews-slider .cr-review-card .crstar-rating::before {
    font-size: 1rem !important;
}


.cr-review-card {
    border-radius: 0 !important;
    background-color: transparent !important;
    border: 1px solid rgba(153,149,109,0.22) !important;
 
}

.cr-review-card .middle-row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cr-review-card .reviewer-name {
    color: var(--ast-global-color-5) !important;
}

.cr-review-card .cr-review-card-content,
.cr-review-card .review-content,
.cr-review-card .datetime,
.cr-review-card .rating-label,
.cr-review-card .reviewer-verified {
    color: var(--ast-global-color-6) !important;
}

.cr-review-card .crstar-rating {
    font-size: 16px !important;
    color: var(--ast-global-color-0) !important;
    letter-spacing: 2px !important;
}

.cr-reviews-grid .cr-show-more-button {
    font-family: 'ae-body', Helvetica, Arial, sans-serif !important;
    border: 1px solid var(--ast-global-color-5) !important;
    padding: 12px 24px !important;
    color: var(--ast-global-color-5) !important;
    background-color: transparent !important;
    cursor: pointer !important;
}



.cr-reviews-grid .cr-review-card .top-row {
    border-bottom: none !important;

}

.cr-reviews-grid .cr-review-card .rating-row {padding:0 0 1rem 0 !important;}


.cr-reviews-grid .cr-review-card .middle-row, .cr-reviews-grid .cr-review-card .cr-incentivized-row {background: transparent !important; border: none !important; border-radius: 0px !important;}

.cr-reviews-grid-inner,
.cr-review-card,
.cr-review-card .reviewer-name,
.cr-review-card .review-content,
.cr-review-card .reviewer-verified,
.cr-review-card .rating-label,
.cr-review-card .datetime,
.cr-reviews-grid .cr-show-more-button {
    font-family: 'ae-body', Helvetica, sans-serif !important;
}
*/



.ast-cart-menu-wrap .count:after {
    border-width: 1px;
}

.ast-cart-menu-wrap .count {
    border-width: 1px;
}


/* CR Reviews */

.cr-summary-box,
.ivole-summaryBox,
.cr-summary-table {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.ivole-histogramRow {
  border: none !important;
  background: transparent !important;
}

.ivole-meter {
  position: relative;
  background: transparent !important;
  border: 1px solid var(--ast-global-color-8) !important;
  border-radius: 2px !important;
  height: 6px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.ivole-meter-bar {
  background: var(--sd-color-primary) !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 2px !important;
  height: 100% !important;
  float: none !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-size: 100% 100% !important;
  transition: width 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


.ivole-meter .ivole-meter-bar,
.ivole-summaryBox .ivole-meter-bar,
.cr-summary-box .ivole-meter-bar {
  background-image: none !important;
  filter: none !important;
}

.ivole-summaryBox .ivole-histogramCell2,
.ivole-summaryBox .ivole-histogramCell3,
.ivole-summaryBox .ivole-histogramCell1 {
  box-shadow: none !important;
  background: transparent !important;
}

.ivole-histogramCell1,
.ivole-histogramCell3 {
  font-size: 0.9rem !important;
  color: var(--sd-color-dark-2) !important;
  font-weight: 400 !important;
}

.cr-summary-rating .cr-star-rating span,
.cr-star-rating span {
  color: var(--sd-color-primary) !important;
  text-shadow: none !important;
  filter: none !important;
}

.cr-summary-box .cr-summary-rating {
  margin-bottom: var(--sd-space-2, 1rem) !important;
}

.cr-summary-box,
.ivole-meter-bar {
  transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.cr-summary-box .ivole-meter .ivole-meter-bar::before,
.ivole-summaryBox .ivole-meter .ivole-meter-bar::before,
.ivole-meter .ivole-meter-bar::before {
  content: none !important;
  display: none !important;
  background: transparent !important;
  height: 0 !important;
  margin: 0 !important;
}






.ae-h1-basic {font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4em;
    text-transform: uppercase;
margin-bottom: 2em !important;}



/* Cart headings color */
.astra-cart-drawer .astra-cart-drawer-header .astra-cart-drawer-title,
.woocommerce-js .widget_shopping_cart .total strong,
.woocommerce-js.widget_shopping_cart .total strong,
.woocommerce input[type=number].qty.ast-no-internal-border,
.woocommerce :has(.ast-qty-placeholder.no-internal-border) input[type=number].qty {
    color: var(--ast-global-color-1) !important;
}



/* -----------------------------------------
   WC CART PAGE
   ----------------------------------------- */

/* Remove empty cart icon before heading */
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    display: none !important;
}

/* Cart table headings */
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header,
table.wc-block-cart-items .wc-block-cart-items__header {
    font-size: 1rem !important;
    text-transform: uppercase !important;
}

@container (min-width: 700px) {
    .wp-block-woocommerce-cart .wc-block-cart__totals-title {
        font-size: 1rem !important;
    }
}

.wp-block-woocommerce-cart-order-summary-block h2 {
    margin-bottom: 0 !important;
}

/* Totals footer labels & values */
.wc-block-components-totals-footer-item 
    .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item 
    .wc-block-components-totals-item__value {
    font-size: 1rem !important;
}

/* GST line */
.wc-block-components-totals-footer-item 
    .wc-block-components-totals-footer-item-tax {
    font-weight: 300 !important;
    margin-top: 10px !important;
    font-size: 0.8rem !important;
}

/* Product name inside cart rows */
.editor-styles-wrapper table.wc-block-cart-items 
    .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items 
    .wc-block-cart-items__row .wc-block-components-product-name {
    font-weight: 700 !important;
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
    border-bottom: none !important;
    margin-bottom: 25px !important;
}

/* -----------------------------------------
   WC CHECKOUT PAGE
   ----------------------------------------- */

/* Checkout: Section Titles */
.wc-block-components-title.wc-block-components-title {
    font-size: 1rem !important;
}

/* Checkout: Step Descriptions */
.wc-block-components-checkout-step__description {
    font-size: 1rem !important;
}

/* Payment Method Labels */
span.wc-block-components-payment-method-label {
    font-weight: 700 !important;
}

/* Product Names (Order Summary) */
.wc-block-components-product-name {
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

/* Order Summary Header */
.wp-block-woocommerce-checkout-order-summary-block 
.wc-block-components-checkout-order-summary__title 
.wc-block-components-checkout-order-summary__title-text {
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* Product metadata (e.g., "Options: UV Jar (175g)") */
.wc-block-components-order-summary 
.wc-block-components-order-summary-item 
.wc-block-components-product-metadata {
    font-size: 0.8rem !important;
}

/* Product name + price line */
.wc-block-components-order-summary 
.wc-block-components-order-summary-item {
    font-size: 1rem !important;
}

/* Money values inside the summary (default amounts) */
.wp-block-woocommerce-checkout-order-summary-block 
.wc-block-components-formatted-money-amount {
    font-weight: 300 !important;
}

/* Tax value — specifically the GST number at the bottom */
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-footer-item-tax-value {
    font-weight: 700 !important;
}

/* ---------------------------------
   Checkout: Two-column layout (mobile)
   --------------------------------- */
@media only screen and (max-width: 1024px) {
  .woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-1,
  .woocommerce-page .col2-set .col-2 {
    float: none;
    width: 100%;
    margin-bottom: 2rem;
  }
}


/* ---------------------------------
   Order details spacing
   --------------------------------- */
.woocommerce-js .woocommerce-customer-details,
.woocommerce-js .woocommerce-order-details,
.woocommerce-js .woocommerce-order-downloads {
  margin-bottom: 4em;
}


/* ---------------------------------
   Order received page: section titles
   --------------------------------- */
.woocommerce-checkout.woocommerce-order-received
.woocommerce-order
.woocommerce-customer-details
.woocommerce-column__title,
.woocommerce-checkout.woocommerce-order-received
.woocommerce-order
.woocommerce-order-details
.woocommerce-order-details__title,
.woocommerce-checkout.woocommerce-order-received
.woocommerce-order-received-title-common {
  background: none;
  border: 0;
  font-size: 1rem;
  font-weight: 600;
  padding: 0;
  margin-bottom: 0 !important;
}