.wbsimplemenuxs .list-menu__item:has(.header__active-menu-item), .wbsimplemenuxs .list-menu__item .header__active-menu-item a,
.wbsimplemenuxs .header__submenu .list-menu__item.list-menu__item--active {
    color: rgb(var(--color-foreground),.8);
}
/* custom dropdown */
.header__submenu.list-menu--disclosure.custom_dropm {
  overflow: visible
}
.custom_dropm details >.header__menu-item .icon-caret {
    transform: rotate(0deg);
    margin: 0;
}
.custom_dropm li>details:hover .header__menu-item .icon-caret {
    transform: rotate(-90deg);
}
.custom_dropm.header__submenu .icon-caret {
    right: 0;
}
.height_cusommenu {
  height: 100%
}
.height_cusommenu-over {
      overflow-y: auto;
    height: 100%;
}
.height_cusommenu-over li:first-child{
    padding-top: 6px;
}
/* .header__submenu.list-menu--disclosure.custom_dropm .height_cusommenu-over li:first-child{
    padding-top: 0;
} */
.height_cusommenu
.custom_dropm.header__submenu .header__menu-item > span {
  padding-right: 20px
}
.custom_dropm {
  left: auto !important;
  right: auto !important;
  width: 240px;
  /* height: calc(100vh - 100%);  */
    max-height: unset !important;
    border-radius: var(--popup-corner-radius);
    border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
    border-style: solid;
    border-width: var(--popup-border-width);
    box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity))
}
.custom_dropm.header__submenu .header__menu-item {
    padding: 0 0 10px;
    gap: 5px;
} 
.wbsimplemenuxs .header__submenu li:only-child {
    padding: 0;
}
.custom_dropm.header__submenu li:last-child .child_menu, 
.custom_dropm.header__submenu li:last-child .child_menu ~ ul li:last-child .header__menu-item {
    padding: 0;
}
.height_cusommenu-over::-webkit-scrollbar {
  width: 3px;
}
.height_cusommenu-over::-webkit-scrollbar-thumb {
  background-color: rgba(var(--color-foreground), 0.7);
  border-radius: 100px;
}
.height_cusommenu-over::-webkit-scrollbar-track-piece {
  margin-top: 10px;
}
.custom_dropm.custom_dropm-left .child_menu {
    flex-direction: row-reverse;
    gap: 5px;
    text-align: right;
}
.custom_dropm.custom_dropm-left .child_menu .icon-caret{
    margin-left: 0;
}
.custom_dropm.custom_dropm-left details > .header__menu-item .icon-caret{
    transform: rotate(90deg);
}
.custom_dropm.custom_dropm-left details .header__submenu {
    left: -240px;
}
.custom_dropm details .header__submenu {
    position: absolute;
    right: -240px;
    animation: none;
    transform: none;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    width: 240px;
    padding: 15px;
    background: rgb(var(--color-background));
    background: var(--gradient-background);
    transform: translateY(-20px);

    border-radius: var(--popup-corner-radius);
    border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
    border-style: solid;
    border-width: var(--popup-border-width);
    box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity))
}
.custom_dropm li > details:hover .header__submenu, .custom_dropm li > details summary[aria-expanded='true'] ~ .header__submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(-42px);
  /* margin-top: -40px; */
}


/* custom text */
.wbheader_cont {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    word-break: break-word;
    /* max-width: 36%; */
    flex-shrink: 0;
}
.wbheader_cont ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 5px;
    position: relative;
    align-items: center;
}
.wbheader_cont svg {
    width: 22px;
    height: 22px;
    fill: rgba(var(--color-foreground))
}
.wbheader_cont svg.store_locate {
  fill: none
}
.wbheader_cont svg.store_locate path {
  stroke: rgba(var(--color-foreground))
}
.wbheader_cont p {
    font-size: calc(var(--font-body-scale) * 16px);
    margin: 0;
    font-weight: var(--font-body-weight-medium);
    color: rgba(var(--color-foreground));
}
.wbheader_cont p a {
    text-decoration: none;
}
.wbheader_cont p a:hover {
    color: rgba(var(--color-foreground),0.8);
}
/* custom text over */
.wbmenufull > .container {
    display: grid;
    gap: 30px;
}
.wbmenubtm{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.wbsecmenu ul{
    gap: 20px;
    word-break: break-word;
}
.wbhseeall {
    margin-top: 15px;
}
.wbsimplemenuxs .list-menu__item {
    font-size: calc(var(--font-body-scale) * 15px);
    font-weight: var(--font-body-weight-semibold);
}
.wbsimplemenuxs .list-menu__item:hover,
.wbsimplemenuxs .list-menu__item a:hover,
.wbsimplemenuxs .list-menu__item:hover a{
    color: rgb(var(--color-foreground),0.8);
}
.header__icons .header__icon--search:hover .icon-search{
    fill: rgb(var(--color-foreground),0.8);
}
.wbsimplemenuxs.upper_menu .list-menu__item {
    text-transform: uppercase;
}
.header__inline-menu details > .header__submenu summary,.header__inline-menu details > .header__submenu li a {
    text-transform: capitalize;
    font-size: calc(var(--font-body-scale) * 14px);
    font-weight: var(--font-body-weight);
}
.list-menu--right {
  right: 0;
}
.list-menu--disclosure { 
  position: absolute;
  border: 1px solid rgba(var(--color-foreground), 0.2);
  padding: 15px 15px;
  top: 100%;
}
.wbmenugallery{
    overflow-x: auto
}
.list-menu--disclosure:focus {
  outline: none;
}
.list-menu--disclosure.localization-selector {
  max-height: 18rem;
  overflow: auto;
  width: 10rem;
  padding: 0.5rem;
}
/* megamenu */
.wbmenufull{
    left: 0;
    right: 0;
}
.wbmenuinner{
    min-width: 210px;
}
.wbmenufull .wbmenuinner{
    min-width: auto;
}
.list-menu__item{
    word-break: break-word;
}
.wbsimplemenuxs .header__submenu .list-menu__item {
    font-size: calc(var(--font-body-scale) * 15px);
}
.wbsimplemenuxs .header__submenu .wbmenuinner > a {
    font-weight: var(--font-body-weight-bold);
}
.wbmgproduct .wbhprice {
  margin-bottom: 0;
}
.wbmgproduct .card__information {
    padding: 0;
}
/* megamenu gallery */
.wbmenugallery {
    margin-top: 0;
}
.wbmenugallery p{
    font-size: calc(var(--font-body-scale) * 16px);
    color: rgb(var(--color-foreground));
    margin-top: 10px;
    margin-bottom: 0;
    word-break: break-all;
}
.wbmenugllazy,.wbmenusimglazy{
    text-align: center;
}
/* megamenu blog */
.wbhblog{
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    position: relative;
}
.wbhblog .blog_img img{
    width: 100%;
    object-fit: cover;
}
.header-wrapper .progallerybtn .slider-button .icon{
    position: unset;
}
.header-wrapper .blog_title{
    margin-top: 10px;
    margin-bottom: 10px;
    word-break: break-word;
}
.header-wrapper .blog_date{
    margin-bottom: 0;
}
.header-wrapper .blog_date svg {
    fill: rgba(var(--color-foreground),.8);
    margin-bottom: 2px;
}
.header-wrapper .progallerybtn {
    margin-top: 10px;
}
/* megamenu product */
.wbmgproduct .grid,.wbmgblgtop {
    justify-content: center;
}
.wbmgproduct .grid__item {
  width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
}
.header__submenu slider-component .icon-caret{
    position: unset;
}
.wbmgproduct .wbvariantbadges{
    display: none;
}
/* .wbmgproduct {
    margin-top: 15px;
} */  /*--  remove bcoz header mega menu top extra space */
.wbmgproduct .product-title {
    font-size: calc(var(--font-body-scale) * 16px);
    padding: 0 0 5px;
}
.wbmgproduct .price .price-item {
    font-size: calc(var(--font-body-scale) * 16px);
}
.wbmgproduct .price s.price-item.price-item--regular{
    font-size: calc(var(--font-body-scale) * 14px);
}
.wbmgproduct .card--standard .wbproductdes {
    padding-top: 10px;
}
/* megamenu banner */
.wbmegaimg a,.wbmegaimg a,.wbmenusimg a,.blog_img a,.wbmenugallery a,.blog_title a{
    display: block;
}
/* .header-wrapper .blog_img {
    padding: 5px;
} */
.header__submenu {
    text-align: left;
}
.wp_menu_banner{
    position: relative;
}
/* .wp_menu_banner .media {
    position: relative;
    height: 100%;
} */
.image--adapt .wp_menu_banner .wbmenugllazy img{ 
   max-width: 100%; 
}
@media (min-width: 992px){
    .wbheader_cont ul:first-child::after {
        content: "";
        border-right: 1px solid rgba(var(--color-foreground),.1);
        position: absolute;
        right: -25px;
        top: 0;
        bottom: 0;
    }
    .wbheader_cont ul:only-child::after {
        display: none;
    }
    .header__inline-menu details .wp_header_sub{  
        display: none;
    }
    .header__inline-menu details:hover .wp_header_sub{ 
        display: block;
    }
    .wbheader_cont {
        max-width: 36%;
    }
}
@media (min-width: 992px) and (max-width: 1600px){
  .wbheader_cont ul:first-child::after {
      right: -10px;
  }
  .wbheader_cont {
      gap: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px){
    .wbmgproduct .product-title {
        font-size: calc(var(--font-body-scale) * 14px);
        padding: 0 0 5px;
    }
    .wbmgproduct .price .price-item {
        font-size: calc(var(--font-body-scale) * 14px);
    }
    .wbmgproduct .price s.price-item.price-item--regular{
        font-size: calc(var(--font-body-scale) * 12px);
    }
    .wbmgproduct .card--standard .wbproductdes {
        padding-top: 10px;
    }
    .custom_dropm.custom_dropm-left details .header__submenu{
        width: 200px;
        left: -200px;
    }
}
@media (max-width:  1024px){

}
@media (max-width:  991px){
    .menu-drawer__menu > .container {
        display: grid;
        gap: 20px;
    }
    .wbheader_cont {
        display: grid;
        justify-content: unset;
        align-items: unset;
        gap: 10px;
        margin-bottom: 30px;
    }
    .image--adapt .wp_menu_banner .wbmenugllazy img{ 
        width: 100%;
    }
    .wbmgproduct .product-title {
        font-size: calc(var(--font-body-scale) * 14px);
        padding: 0 0 5px;
    }
    .wbmgproduct .price .price-item {
        font-size: calc(var(--font-body-scale) * 14px);
    }
    .wbmgproduct .price s.price-item.price-item--regular{
        font-size: calc(var(--font-body-scale) * 12px);
    }
    .wbmgproduct .card--standard .wbproductdes {
        padding-top: 10px;
    }
    .menu-drawer__close-button {
        background: rgba(var(--color-foreground),.04);
        margin-bottom: 10px;
        text-transform: capitalize;
    }
    .wbmenusimg [class*='col-'],.wbmgproduct{
        margin: 10px 0;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .wbmgproduct .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
        max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    }
    #menu-drawer{
        margin-top: 0px;
    }
    .header--middle-left #menu-drawer{
        margin-top: 0;
    }
    .wbhblog{
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }
}
@media (max-width: 767px){
    .wbmenugallery p{
        font-size: calc(var(--font-body-scale)* 14px);
    }
    #menu-drawer{
        margin-top: 0px;
    }
    .header--middle-left #menu-drawer{
        margin-top: 0;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .wbmgproduct .grid__item {
        width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
        max-width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
    }
    .wbmenusimg [class*="col-"]{ 
        flex: 0 0 50%;
        max-width: 50%; 
    }
    .wbhblog{
        width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    }
}
@media (max-width: 575px) {
    .wbmgproduct .grid__item {
        width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
        max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    }
    .wbhblog{
        width: calc(100% - var(--grid-mobile-horizontal-spacing));
    }
}