/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.105.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.105.1/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.97.3_webpack@5.105.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/archive-product-category-menu-dropdown/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item {
  position: relative;
  margin: 0;
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item > a {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
  font-size: var(--wp--preset--font-size--small) !important;
  font-weight: 400;
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item > a:hover {
  color: var(--wp--preset--color--secondary);
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item:not(.all-item) > a {
  pointer-events: none;
  cursor: default;
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item.active > a {
  color: var(--wp--preset--color--secondary);
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item.active > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--wp--preset--color--secondary); /* 下边框强调色 */
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item:hover > a {
  color: var(--wp--preset--color--secondary);
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item:hover > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--wp--preset--color--secondary); /* 下边框强调色 */
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  color: black;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  min-width: 200px;
  margin-top: var(--wp--preset--spacing--20);
  font-size: small;
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container.visible {
  opacity: 1;
  visibility: visible;
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container .sub-menu-wrapper {
  padding: 0.5rem 0;
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container .sub-menu-wrapper .submenu-container .sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container .sub-menu-wrapper .submenu-container .sub-menu .menu-item {
  margin: 0;
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container .sub-menu-wrapper .submenu-container .sub-menu .menu-item.all-item {
  border-bottom: 1px solid #eee;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container .sub-menu-wrapper .submenu-container .sub-menu .menu-item a {
  display: block;
  padding: 0.6em 1em;
  text-decoration: none;
  color: inherit;
  transition: background-color 0.2s ease;
  min-width: 100%;
  width: -moz-max-content;
  width: max-content;
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container .sub-menu-wrapper .submenu-container .sub-menu .menu-item a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--wp--preset--color--secondary);
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container .sub-menu-wrapper .submenu-container .sub-menu .menu-item.active > a {
  color: var(--wp--preset--color--secondary);
}
.wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container .sub-menu-wrapper .submenu-container .sub-menu .no-data {
  padding: 0.6em 1em;
  color: #999;
  font-style: italic;
}
@media (max-width: 768px) {
  .wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu {
    flex-direction: column;
  }
  .wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container {
    position: static;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    padding: 0;
    width: 100%;
    max-height: none;
    overflow-y: visible;
    display: none;
  }
  .wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container.visible {
    display: block;
  }
  .wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container .sub-menu-wrapper {
    padding: 0;
  }
  .wp-block-tbs-block-archive-product-category-menu-dropdown .product-category-menu > .menu-item .dropdown-container .sub-menu-wrapper .submenu-container .sub-menu .menu-item a {
    padding-left: 2em;
  }
}

/*# sourceMappingURL=style-index.css.map*/