/* public/js/front/components/MenuItem.css
   Extracted from the <style scoped> block in resources/js/index/components/MenuItem.vue.
   "scoped" semantics don't exist outside the SFC compiler, so these rules are now global —
   selectors below (.dropdown-flip, .dropdown-menu, .dropdown) are specific enough in this
   codebase that no extra scoping wrapper was needed. */

/* Submenu flip */
.dropdown-flip {
  left: auto !important;
  right: 100% !important;
}

/* Desktop hover safety */
@media (min-width: 992px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
  }
}

/* Mobile inline behavior */
@media (max-width: 991px) {
  .dropdown-menu {
    /* position: static !important; */
    /* box-shadow: none !important;
    border: none !important; */
  }
}