:root {
  --sub-header--height: 80px;
}

header.bg-transparent:has(+ div.block-product-submenu-header) {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.block-product-submenu-header .menu {
  overflow: hidden;
}
.block-product-submenu-header nav {
  transition: 0.25s ease-in-out;
}

header.bg-transparent + div.block-product-submenu-header {
  background-color: transparent;
  color: white;
}
header.bg-transparent + div.block-product-submenu-header a {
  color: white;
}
header.bg-transparent + div.block-product-submenu-header .wp-element-button {
  background-color: white;
  color: var(--wp--preset--color--primary);
}
header.bg-transparent + div.block-product-submenu-header .dropdown button {
  filter: invert(0);
}
@media (min-width: 769px) {
  header.bg-transparent + div.block-product-submenu-header nav {
    transform: translateX(130px);
  }
}

header.section.bg-transparent:hover,
header.section.bg-transparent:has(*:hover) {
  background-color: white !important;
  color: black !important;
}
header.section.bg-transparent:hover a:not(.wp-block-button__link),
header.section.bg-transparent:has(*:hover) a:not(.wp-block-button__link) {
  color: black !important;
}

body:has(.block-product-submenu-header).is-scroll header, body:has(.block-product-submenu-header).is-scroll div.block-product-submenu-header {
  transform: translate(0px, -80px) !important;
}

div.block.block-product-submenu-header {
  width: 100%;
  min-height: var(--sub-header--height);
  background-color: white;
  position: fixed;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 80px);
  z-index: 998;
  display: flex;
  justify-content: space-between;
  color: black;
  transition: all 0.3s ease-in-out;
  /*  
     .dropdown:hover{
            transform: rotate(180deg);
     }

     .dropdown:hover + .menu{
            //height: auto;
            display: block;
     }
  */
}
div.block.block-product-submenu-header .shortname {
  font-size: 34px;
}
div.block.block-product-submenu-header .shortname font {
  font-size: 34px !important;
}
div.block.block-product-submenu-header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.block.block-product-submenu-header .dropdown button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  filter: invert(1);
}
@media screen and (min-width: 768px) {
  div.block.block-product-submenu-header .dropdown button {
    display: none;
  }
}
div.block.block-product-submenu-header.is-open {
  background-color: white;
  color: black;
}
div.block.block-product-submenu-header.is-open a {
  color: black;
}
div.block.block-product-submenu-header.is-open .wp-element-button {
  background-color: black;
  color: white;
}
div.block.block-product-submenu-header.is-open .dropdown button {
  filter: invert(1);
}
div.block.block-product-submenu-header.is-open .dropdown {
  transform: rotate(180deg);
}
div.block.block-product-submenu-header.is-open .menu {
  display: block;
}
div.block.block-product-submenu-header .menu {
  position: relative;
}
@media (max-width: 768px) {
  div.block.block-product-submenu-header .menu a:not(.wp-element-button) {
    color: black;
  }
}
@media screen and (max-width: 768px) {
  div.block.block-product-submenu-header .menu {
    display: none;
    position: absolute;
    background-color: white;
    top: 63px;
    left: -5vw;
    width: 100vw;
    padding: var(--wp--preset--spacing--xl) 0px;
  }
  div.block.block-product-submenu-header .menu ul {
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    padding-left: 5vw;
    gap: var(--wp--preset--spacing--xl);
  }
  div.block.block-product-submenu-header .menu .wp-element-button {
    background-color: black;
    color: white;
  }
  div.block.block-product-submenu-header .menu .wp-element-button:after {
    display: none;
  }
}
div.block.block-product-submenu-header nav ul {
  display: flex;
  list-style: none;
  padding: 0px;
  margin: 0px;
  gap: 40px;
  align-items: center;
}
div.block.block-product-submenu-header a {
  position: relative;
  font-family: var(--wp--preset--font-family--title);
}
div.block.block-product-submenu-header a::after {
  content: "";
  display: block;
  width: 0%;
  height: 1.5px;
  background-color: var(--wp--preset--color--primary);
  position: absolute;
  bottom: -8px;
  transition: width 0.3s ease-in-out;
}
div.block.block-product-submenu-header a.active::after {
  width: 100%;
}
div.block.block-product-submenu-header .wp-element-button {
  background: var(--wp--preset--color--primary);
  color: white;
  padding: 8px 16px;
}
div.block.block-product-submenu-header .wp-element-button:after {
  content: none;
}