/* MENU ARROW FIX - 3rd/4th level dropdown positioning */
/* Fix: Position dropdown toggle arrows on the right side for deep-level menus */

/* All sub-menu dropdown toggle arrows - position on right side */
.nav .sub-menu .menu-item-has-children > a .nav-dropdown-toggle,
.header-nav .sub-menu .menu-item-has-children > a .nav-dropdown-toggle,
.nav-menu .sub-menu .menu-item-has-children > a .nav-dropdown-toggle {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

/* Fix 3rd+ level sub-menus to open to the right */
.nav .sub-menu .sub-menu,
.header-nav .sub-menu .sub-menu,
.nav-menu .sub-menu .sub-menu,
.nav li .sub-menu li .sub-menu {
    left: 100% !important;
    top: 0 !important;
    right: auto !important;
}

/* Ensure menu items with children have proper padding for arrow */
.nav .sub-menu li.menu-item-has-children > a,
.header-nav .sub-menu li.menu-item-has-children > a,
.nav-menu .sub-menu li.menu-item-has-children > a {
    position: relative !important;
    padding-right: 30px !important;
}

/* Nav dropdown toggle arrow styling for 3rd+ level */
.nav .sub-menu .sub-menu .nav-dropdown-toggle,
.header-nav .sub-menu .sub-menu .nav-dropdown-toggle {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.75em !important;
    width: auto !important;
    height: auto !important;
    opacity: 0.7 !important;
}

/* Ensure text doesn't overlap with arrow */
.nav .sub-menu li.menu-item-has-children > a,
.header-nav .sub-menu li.menu-item-has-children > a {
    display: block !important;
    width: 100% !important;
}

/* Fix for ONE/Flatsome theme header nav specifically */
.header .nav > li .sub-menu .nav-dropdown-toggle,
#masthead .nav > li .sub-menu .nav-dropdown-toggle {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    float: none !important;
}

/* Mobile: fix arrow positioning */
@media (max-width: 768px) {
    .nav .sub-menu .menu-item-has-children > a .nav-dropdown-toggle,
    .header-nav .sub-menu .menu-item-has-children > a .nav-dropdown-toggle,
    .nav-menu .sub-menu .menu-item-has-children > a .nav-dropdown-toggle {
        position: absolute !important;
        right: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
}