/* AGGA vertical category accordion — scoped only to menu items created by this plugin. */
li.agga-ctr-item {
  position: relative;
  margin: 0 0 4px !important;
}

li.agga-ctr-item > a {
  display: block !important;
  box-sizing: border-box;
  border-radius: 12px;
  line-height: 1.32 !important;
  text-decoration: none !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

li.agga-ctr-parent > a {
  padding-right: 48px !important;
}

li.agga-ctr-level-1 > a {
  padding: 12px 46px 12px 12px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #141414 !important;
}

li.agga-ctr-level-2 > a {
  padding: 10px 44px 10px 13px !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  color: #2c2c2c !important;
  background: rgba(248,246,243,.85);
}

li.agga-ctr-level-3 > a {
  padding: 9px 12px 9px 16px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #666 !important;
}

li.agga-ctr-item > a:hover,
li.agga-ctr-item.is-open > a {
  background: rgba(153,0,0,.055) !important;
  color: #980000 !important;
}

li.agga-ctr-item > a:hover {
  transform: translateX(2px);
}

li.agga-ctr-parent > .agga-ctr-submenu-toggle {
  position: absolute !important;
  z-index: 5;
  top: 7px !important;
  right: 7px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 50% !important;
  background: #fff !important;
  cursor: pointer;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.055);
}

li.agga-ctr-level-2 > .agga-ctr-submenu-toggle {
  top: 5px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
}

li.agga-ctr-parent > .agga-ctr-submenu-toggle:hover,
li.agga-ctr-parent.is-open > .agga-ctr-submenu-toggle {
  background: #faf5f2 !important;
  border-color: rgba(152,0,0,.22) !important;
}

li.agga-ctr-parent > .agga-ctr-submenu-toggle .agga-ctr-submenu-toggle-icon,
li.agga-ctr-parent > .agga-ctr-submenu-toggle .agga-ctr-submenu-toggle-icon::after {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  content: '';
  border-radius: 2px;
  background: #222;
  transform: translate(-50%,-50%);
  transition: opacity .16s ease, transform .16s ease;
}

li.agga-ctr-parent > .agga-ctr-submenu-toggle .agga-ctr-submenu-toggle-icon {
  width: 11px;
  height: 1.5px;
}

li.agga-ctr-parent > .agga-ctr-submenu-toggle .agga-ctr-submenu-toggle-icon::after {
  width: 1.5px;
  height: 11px;
}

li.agga-ctr-parent.is-open > .agga-ctr-submenu-toggle .agga-ctr-submenu-toggle-icon::after {
  opacity: 0;
}

/* Neutralise the theme's flyout submenu styling: this menu is an inline accordion. */
li.agga-ctr-parent > ul.sub-menu,
li.agga-ctr-parent > ul.children {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 4px 0 8px 11px !important;
  padding: 3px 0 2px 11px !important;
  border: 0 !important;
  border-left: 1px solid rgba(0,0,0,.08) !important;
}

li.agga-ctr-level-2 > ul.sub-menu,
li.agga-ctr-level-2 > ul.children {
  margin-left: 9px !important;
  padding-left: 10px !important;
  border-left-color: rgba(152,0,0,.12) !important;
}

li.agga-ctr-parent > ul.sub-menu[hidden],
li.agga-ctr-parent > ul.children[hidden] {
  display: none !important;
}

li.agga-ctr-level-1.is-open > a {
  color: #9a0000 !important;
}

@media (max-width: 767px) {
  li.agga-ctr-level-1 > a { font-size: 16px !important; }
  li.agga-ctr-level-2 > a { font-size: 15px !important; }
  li.agga-ctr-level-3 > a { font-size: 14.5px !important; }
}

/* AGGA: the custom hierarchy cards are shown above the archive.
   Hide WooCommerce's second/default subcategory tile grid below them to avoid duplicates. */
body.tax-product_cat ul.products > li.product-category,
body.tax-product_cat .products > li.product-category,
body.tax-product_cat .woocommerce ul.products > li.product-category {
  display: none !important;
}

/* Some MyDecor layouts wrap the default category tiles in category-specific wrappers. */
body.tax-product_cat .woocommerce-loop-category__title:empty {
  display: none !important;
}

/* First visible character always starts neatly with a capital letter in RU and RO. */
li.agga-ctr-item > a::first-letter {
  text-transform: uppercase;
}

/* Fallback for themes that manually render WooCommerce category tiles outside the standard hook. */
body.tax-product_cat .woocommerce ul.products .product-category,
body.tax-product_cat .woocommerce .products .product-category,
body.tax-product_cat ul.products .product-category {
  display: none !important;
}

/* v1.0.8: AGGA owns the accordion control. Hide native MyDecor/theme arrows and pseudo-icons
   on AGGA menu rows so only one clean +/- button remains. */
li.agga-ctr-toggle-owned::before,
li.agga-ctr-toggle-owned::after,
li.agga-ctr-toggle-owned > a::before,
li.agga-ctr-toggle-owned > a::after {
  content: none !important;
  display: none !important;
}

li.agga-ctr-toggle-owned > [data-agga-theme-toggle="hidden"],
li.agga-ctr-toggle-owned > .ts-menu-drop-icon,
li.agga-ctr-toggle-owned > .ts-menu-toggle,
li.agga-ctr-toggle-owned > .sub-menu-toggle,
li.agga-ctr-toggle-owned > .submenu-toggle,
li.agga-ctr-toggle-owned > .menu-item-arrow,
li.agga-ctr-toggle-owned > .dropdown-toggle,
li.agga-ctr-toggle-owned > .menu-opener,
li.agga-ctr-toggle-owned > .icon-submenu {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* One stable hit area for every expandable level. */
li.agga-ctr-parent > .agga-ctr-submenu-toggle {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Recursive levels keep a compact visual hierarchy. */
li.agga-ctr-level-3 > a { padding-left: 17px !important; }
li.agga-ctr-level-4 > a { padding-left: 20px !important; font-size: 14px !important; font-weight: 500 !important; }
li.agga-ctr-level-5 > a,
li.agga-ctr-level-6 > a { padding-left: 22px !important; font-size: 13.5px !important; font-weight: 500 !important; }

/* Hard fallback for the duplicate WooCommerce category row under AGGA hierarchy cards. */
body.tax-product_cat [data-agga-duplicate-category="hidden"] {
  display: none !important;
}

/* v1.0.9: MyDecor keeps some mobile submenus on display:none even after the hidden
   attribute is removed. Force the AGGA accordion state to win. */
li.agga-ctr-parent.is-open > ul.sub-menu,
li.agga-ctr-parent.is-open > ul.children,
li.agga-ctr-parent.is-open > ul.agga-ctr-generated-submenu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

li.agga-ctr-parent:not(.is-open) > ul.sub-menu,
li.agga-ctr-parent:not(.is-open) > ul.children,
li.agga-ctr-parent:not(.is-open) > ul.agga-ctr-generated-submenu {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}