/* PicoStrap Multi-level Dropdown — CSS (v1.0.2)
   - Removes Bootstrap caret/arrow for nested submenu toggles to avoid clipping artifacts.
   - Positions 3rd level and opens on hover (desktop).
*/

/* Slightly wider dropdown for readability */
.navbar .dropdown-menu { --bs-dropdown-min-width: 14rem; }

/* Position third level to the side */
.navbar .dropdown-menu .dropdown-menu,
.navbar .dropdown-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: .25rem;
  margin-right: .25rem;
}

/* Desktop: show on hover for level 1 and 2 */
@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu,
  .navbar .dropdown-menu li:hover > .dropdown-menu,
  .navbar .dropdown-menu li:hover > .sub-menu {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}

/* Z-index and positioning fixes */
.navbar li { position: relative; }
.navbar .dropdown-menu { z-index: 1050; }

/* REMOVE any caret/arrow on nested toggles to avoid half-clipped artifacts */
.navbar .dropdown-menu a.dropdown-toggle::after {
  content: none !important;
  background-image: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}