/*------------------------------------------------------------
  FOR TESTING PURPOSES
------------------------------------------------------------*/

/* body.term-72 .wp-block-outermost-mega-menu__menu-container {
  opacity: 1 !important;
  visibility: visible !important;
} */


/* Ensure the Site Logo displays in the mobile menu */
.wp-block-navigation__responsive-container .wp-block-site-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em;
}

/* Adjust the size and position */
.wp-block-navigation__responsive-container .wp-block-site-logo img {
  max-height: 50px; /* Adjust this size as needed */
  margin-bottom: 10px; /* Space the logo nicely */
}

/* Optional: Only display the Site Logo inside the mobile menu when the menu is open */
@media (max-width: 768px) {
  .wp-block-site-logo {
      display: block;
  }
}

/*------------------------------------------------------------*/
/*

is-menu-open

*/



/*___________  Menu logo  ____________*/
.wp-block-site-logo img {
  width: 120px;
}

@media (max-width: 1023px) {
  .wp-block-site-logo img {
    min-width: 6.25rem;
    width: 18vw;
  }
}




/*___________  Mobile Menu  ____________*/

@media (max-width: 1199px) {
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 7rem;
  }
}

@media (max-width: 1023px) {

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: clamp(5rem, 9vw, 7rem);
  }

    .wp-block-navigation-item.has-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

    /* Style title (left side) and button (right side) */
    .wp-block-navigation-item__content {
        flex: 1; /* Take available space on the left */
        padding-right: 10px;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
      display: inline-flex;
      height: auto;
      width: auto;
      padding: 1rem;
      position: absolute;
        right: 0;
        top: 3px;
    }

    /* Hide the submenu by default and add transition */
    .wp-block-navigation__submenu-container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
        display: none;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity 0.3s ease, max-height 0.3s ease;
        width: 100%;
    }

    /* Show submenu when opened */
    .wp-block-navigation__submenu-container.is-open,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container.is-open {
        display: block;
        opacity: 1;
        max-height: 500px;
    }


    .wp-block-navigation-submenu .wp-block-navigation-item {
      padding: .375rem 0;
    }

}



/*___________  Menu Icons  ____________*/

.wp-block-navigation .wp-block-navigation__submenu-icon,
.wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle .wp-block-outermost-mega-menu__toggle-icon {
  margin-left: .75rem;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
  margin-top: 0;
}


.wc-block-product-categories-list li > .wc-block-product-categories-list {
  margin: .25rem 0 .5rem .75rem;
}
.wc-block-product-categories-list li > .wc-block-product-categories-list .wc-block-product-categories-list-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.9' height='8.9' fill='%23707070' version='1.1' viewBox='0 0 7.9 8.9'%3E%3Cpolygon points='4.7 2.6 4 3.4 5.9 5.2 1 5.2 1 0 0 0 0 6.3 5.9 6.3 4 8.2 4.7 8.9 7.9 5.8 4.7 2.6'/%3E%3C/svg%3E");
  background-position: 0 5px;
  background-repeat: no-repeat;
  padding-left: 1rem;
}

.wc-block-product-categories-list li .wc-block-product-categories-list--depth-2 {
  display: none;
  visibility: hidden;
}


@media (max-width: 1023px) {
  .wp-block-navigation .wp-block-navigation-submenu__toggle svg .line-ver {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
  .wp-block-navigation .wp-block-navigation-submenu__toggle.is-open svg .line-ver {
    opacity: 0;
  }
}



/*    Mega Menu
----------------------------------------------------------------
*/

.wp-block-outermost-mega-menu__menu-container,
.wp-block-outermost-mega-menu__menu-container p,
.wp-block-outermost-mega-menu__menu-container a {
  font-size: .9375rem;
  font-weight: 300;
  white-space: nowrap;
}

.wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle[aria-expanded="true"] .wp-block-outermost-mega-menu__toggle-icon svg .line-ver {
  opacity: 0;
}


@media (min-width: 1200px) {
  .wp-block-outermost-mega-menu__menu-container.menu-width-content {
    margin-top: 1rem;
    max-width: 1200px !important;
    width: 90vw !important;
    z-index: 100002;
  }

  .wp-block-navigation.items-justified-right .wp-block-outermost-mega-menu__menu-container {
    left: unset !important;
    right: 50%;
    transform: translateX(50%);
  }
}

@media (max-width: 1023px) {
  .wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle {
    column-gap: 1.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 1rem;
    width: 100%;
  }
}



button.wp-block-outermost-mega-menu__toggle {
  position: relative;
}
button.wp-block-outermost-mega-menu__toggle[aria-expanded="true"]::after {
  content: '';
  background-color: var(--wp--preset--color--accent);
  bottom: -3px;
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}

.wp-block-outermost-mega-menu__menu-container .wc-block-product-categories > .wc-block-product-categories-list {
  align-items: start;
  display: grid;
  gap: 2.375rem;
  grid-auto-rows: auto;
  grid-template-columns: auto 1fr 1fr;
}



.wp-block-outermost-mega-menu__menu-container .wc-block-product-categories > 
.wc-block-product-categories-list li.wc-block-product-categories-list-item:nth-child(1) .wc-block-product-categories-list--depth-1 {
  column-count: 2;
  display: block;
  gap: 2.5rem;
}

/* Styling for nested lists in column 3 */
.wp-block-outermost-mega-menu__menu-container .wc-block-product-categories-list--depth-1,
.wp-block-outermost-mega-menu__menu-container .wc-block-product-categories-list--depth-2 {
  display: flex;
  flex-direction: column; /* Stack nested items vertically */
  gap: 5px;
}


.wp-block-outermost-mega-menu__menu-container .wc-block-product-categories-list--depth-0 .wc-block-product-categories-list-item__name {
  font-size: 1.0625rem;
  font-weight: 600;
}
.wp-block-outermost-mega-menu__menu-container .wc-block-product-categories-list--depth-1 .wc-block-product-categories-list-item__name {
  font-size: .9375rem;
  font-weight: 300;
}



.wp-block-outermost-mega-menu__menu-container .wc-block-product-categories > .wc-block-product-categories-list li > .wc-block-product-categories-list {
  margin: .25rem 0 .5rem;
}
.wp-block-outermost-mega-menu__menu-container .wc-block-product-categories > .wc-block-product-categories-list li > .wc-block-product-categories-list .wc-block-product-categories-list-item {
  background-image: none;
  padding-left: 0;
}



/*    Mega Menu   :   Responsive Mobile Styles
----------------------------------------------------------------
*/

@media (max-width: 1299px) {
  .wp-block-outermost-mega-menu__menu-container,
  .wp-block-outermost-mega-menu__menu-container p,
  .wp-block-outermost-mega-menu__menu-container a {
    font-size: .875rem;
  }

  .wp-block-outermost-mega-menu__menu-container .mega-list-columns-two .sub-categories {
    column-gap: 1.5rem;
  }
}

@media (max-width: 1199px) {
  .wp-block-outermost-mega-menu__toggle[aria-expanded=true] + .wp-block-outermost-mega-menu__menu-container {
    margin-top: .25rem;
    position: relative;
    left: unset !important;
    right: unset !important;
    transform: translate(0) !important;
    top: 0;
    width: 100%;
  }

  .wp-block-outermost-mega-menu__toggle[aria-expanded=true] + .wp-block-outermost-mega-menu__menu-container > .wp-block-group > .wp-block-columns {
    flex-direction: column;
    padding: 0 !important;
  }

  .wp-block-outermost-mega-menu__toggle[aria-expanded=true] + .wp-block-outermost-mega-menu__menu-container .wp-block-column.menu-column-info {
    border-left: 0;
    border-top: solid 1px var(--wp--preset--color--custom-border);
    padding-left: 0 !important;
    width: 100%;
  }
}

@media (max-width: 823px) {
  .wp-block-outermost-mega-menu__menu-container .wc-block-product-categories > .wc-block-product-categories-list {
    column-count: 2;
  }
}





/*    BLOCK  /  Select Product Category
----------------------------------------------------------------
*/

.wp-block.select_product_category_block .main-category-item,
.wp-block.select_product_category_block .main-category-item a {
  font-size: 1.0625rem;
  font-weight: 600;
  margin: .625rem 0;
}

.mega-list-columns-two .sub-categories {
  column-count: 2;
  column-gap: 3rem;
  display: block;
}


@media (min-width: 900px) {
  .mega-list-container > .wp-block.select_product_category_block {
    border-right: solid 1px #d0d0d0;
    margin-right: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 899px) {
  .mega-list-container {
    flex-direction: column;
  }
  .mega-list-container > .wp-block {
    padding-bottom: 0 !important;
  }
  .mega-list-columns-two .sub-categories {
    width: fit-content;
  }
}