/*  ------------------------------------------
     Disable banner animation + parallax. on page banner
    ------------------------------------------  */

/* HARD STOP parallax movement */
#page-header-wrap .page-header-bg-image {
    transform: none !important;
    will-change: auto !important;
}

/* Kill parallax wrapper behavior */
#nectar-page-header-p-wrap {
    transform: none !important;
}

/* Kill ALL banner animations */
  .page-header-bg-image,
  .page-header-bg-image *,
  .nectar-page-header,
  .nectar-page-header * {
      transition: none !important;
      animation: none !important;
}

/* Disable parallax movement */
  .page-header-bg-image.parallax-enabled,
  .nectar-page-header[data-parallax="true"] {
      transform: none !important;
      background-attachment: initial !important;
}


/*  ------------------------------------------
     Force background to be static (no zoom / scale)
    ------------------------------------------  */

  /* Remove zoom/scale effect */
  .page-header-bg-image .bg-img {
      transform: none !important;
      scale: 1 !important;
  }

  /*  ------------------------------------------
     Remove overlay gradients (optional, cleaner look)
    ------------------------------------------  */

/* Remove dark overlay */
  .page-header-bg-image:before,
  .nectar-page-header .overlay-color {
      display: none !important;
  }

/*  ------------------------------------------
  Disable Salient scroll-triggered animation classes
/*  ------------------------------------------

/* Kill Salient animation triggers */
.animated-in,
[data-animate-in],
[data-animate] {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}



/* ---------------------------------------------------------
    GOOGLE ICON FOR CATEGORY PAGE HEADER
--------------------------------------------------------- */

div.nectar-shop-header nav.woocommerce-breadcrumb {
	display:none !important
}

#page-header-bg .inner-wrap {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 0px;
  align-items: top;
  /* align-items: center; */
  align-items: unset !important;

}

/* Icon column */
.cat-header-icon {
  grid-column: 1;
  grid-row: 1 / span 2;
  /* border-right: 2px solid #FFF !important; */
    /* margin-right: 15px !important; */
  box-sizing: border-box;
  text-align: center !important;
}

/* Title */
#page-header-bg h1 {
  grid-column: 2;
  margin: 0;
    font-weight: normal !important;
    font-family: 'Montserrat SemiBold' !important;
    text-transform: uppercase !important;
    font-size: 21px !important;
    /* color: #333 !important */
    /* line-height: 1.25 !important; */
    /* background: #000; */

}

/* #page-header-bg h1 {
} */

/* Description */
#page-header-bg .term-description {
  grid-column: 2;
}

#page-header-bg .term-description p {
  color: #FFF !important;
}

/* Icon style */
.cat-header-icon span {
  font-family: 'Material Symbols Outlined';
    font-size: 72px;
    background: rgba(255, 255, 255, 0.1) !important;
    padding: 5px !important;
    border-radius: 10px !important;
    line-height: 1;
}

/* ---------------------------------------------------------
   PAGE HEADER
--------------------------------------------------------- */

.nectar-shop-header {
    /* background: #FFF !important; */
    /* padding: 0 10px !important; */
    margin-bottom: 5px !important;
    /* border:1px solid #f7f7f7 !important;       */
	/* display: none !important;
} */
}


#page-header-bg {
     /* background:
        linear-gradient(135deg, rgba(0,0,0,0.6), rgba(255,0,150,0.5)),
        url(YOUR-IMAGE-URL);
    background-size: cover; */
    /* background: #FFF !important;
    background-position: center;
    padding-top: 4% !important;
    padding-bottom: 4% !important; */
}

.woocommerce.archive #page-header-bg {
  padding: 2% 0 !important
}

.page-header-bg-image.parallax-layer.translate {
    background-image: none !important;
}

.archive .page-header-bg-image:after {
    /* background-color:rgba(255,255,255,1); */
    /* background-color:rgba(255,255,255,1); */
    background-color:rgba(30,115,190,0.8);
    transition: none !important;
}

body.woocommerce-page.material .product-categories .children {
    margin-top: 3px;
    margin-left: 0 !important;
}

.row .woocommerce-products-header .term-description p {
    /* padding-bottom: 1.5em; */
    /* width: 550px;
    display: flex;
    font-size: 20px;
    background: rgba(192,192,192,0.3) !important; */
    /* border-top: 2px solid #c0c0c0 !important;
    border-bottom: 2px solid #c0c0c0 !important; */
}


/* Move description into Salient banner */
.category-banner-description {
  margin-top: 15px;
  max-width: 90%;
  font-size: 16px;
  color: #fff !important;
  display:none !important;
    border-left: 2px solid #FFF !important;
    margin-left: 20px !important;
    padding-left: 20px !important
}

/* Ensure it stays inside header */
#page-header-bg .category-banner-description {
  position: relative;
  z-index: 10;
}

div.term-description p {
    /* color: #FFF !important; */
    font-size: 18px !important;
    font-size: 15px !important;
    /* width: 750px !important; */
    line-height: 20px !important;
}

/* .woocommerce ul.products li.product .woocommerce-loop-category__title {
    padding: 10px !important;

} */

/* @media only screen and (max-width: 1300px) and (min-width: 1000px) {
    body.woocommerce:not(.single-product) ul.products[data-n-desktop-small-columns="4"] li.product {
        width: 23.49% !important;
        margin: 0 1.5% 1.5% 0 !important;
        background: #FFF !important;
    }
} */
/* 
#page-header-bg[data-animate-in-effect="fade-in"] .page-header-bg-image-wrap, #page-header-wrap #page-header-bg[data-animate-in-effect="fade-in"] .nectar-video-wrap {
    -webkit-animation: pageHeaderFadeIn .5s ease forwards;
    animation: pageHeaderFadeIn .5s;
    animation-delay: .5s;
} */

/* -------------------------------
/* add icons to the product header
/* ------------------------------ */ 

.woocommerce-products-header::before {
  font-family: 'Material Symbols Outlined';
  content: "science"; /* example for peptide/research vibe */
  font-size: 24px;
}

.woocommerce-products-header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  display: none !important;

}

.woocommerce-products-header::before {
  font-family: 'Material Icons';
  content: "shopping_cart"; /* change icon name here */
  font-size: 24px;
  line-height: 1;
  margin-top: 4px;
  display:none !important;
}