/* Sidebar Arrow Fix - Only show arrows for menu items that have submenus */
/* Using specific selectors for better browser compatibility */

/* Default collapsed state for all arrows (fallback) */
.sidebar-nav a.has-arrow::after,
.sidebar-nav a.has-submenu::after {
    -webkit-transform: rotate(-45deg) translate(0, -50%) !important;
    -ms-transform: rotate(-45deg) translate(0, -50%) !important;
    -o-transform: rotate(-45deg) translate(0, -50%) !important;
    transform: rotate(-45deg) translate(0, -50%) !important;
    top: 47% !important;
}

/* Alternative approach for better browser compatibility */
.sidebar-nav #facilities > .has-arrow::after,
.sidebar-nav #assets > .has-arrow::after,
.sidebar-nav #maintenance-management > .has-arrow::after,
.sidebar-nav #grievances > .has-arrow::after,
.sidebar-nav #serviceLevelAgreement > .has-arrow::after,
.sidebar-nav #administration > .has-arrow::after,
.sidebar-nav #vendor-management > .has-arrow::after,
.sidebar-nav #reports > .has-arrow::after {
    display: block !important;
    position: absolute !important;
    content: '' !important;
    width: .55em !important;
    height: .55em !important;
    border-width: 1px 0 0 1px !important;
    border-style: solid !important;
    border-color: #000000 !important;
    right: 1em !important;
    -webkit-transform: rotate(-45deg) translate(0, -50%) !important;
    -ms-transform: rotate(-45deg) translate(0, -50%) !important;
    -o-transform: rotate(-45deg) translate(0, -50%) !important;
    transform: rotate(-45deg) translate(0, -50%) !important;
    -webkit-transform-origin: top !important;
    -ms-transform-origin: top !important;
    -o-transform-origin: top !important;
    transform-origin: top !important;
    top: 47% !important;
    -webkit-transition: all .3s ease-out !important;
    -o-transition: all .3s ease-out !important;
    transition: all .3s ease-out !important;
}

/* Expanded state - arrow points down */
.sidebar-nav #facilities > .has-arrow[aria-expanded="true"]::after,
.sidebar-nav #assets > .has-arrow[aria-expanded="true"]::after,
.sidebar-nav #maintenance-management > .has-arrow[aria-expanded="true"]::after,
.sidebar-nav #grievances > .has-arrow[aria-expanded="true"]::after,
.sidebar-nav #serviceLevelAgreement > .has-arrow[aria-expanded="true"]::after,
.sidebar-nav #administration > .has-arrow[aria-expanded="true"]::after,
.sidebar-nav #vendor-management > .has-arrow[aria-expanded="true"]::after,
.sidebar-nav #reports > .has-arrow[aria-expanded="true"]::after {
    -webkit-transform: rotate(-135deg) translate(0, -50%) !important;
    -ms-transform: rotate(-135deg) translate(0, -50%) !important;
    -o-transform: rotate(-135deg) translate(0, -50%) !important;
    transform: rotate(-135deg) translate(0, -50%) !important;
    top: 45% !important;
    width: .58em !important;
}

/* Collapsed state - arrow points right (default state) */
.sidebar-nav #facilities > .has-arrow[aria-expanded="false"]::after,
.sidebar-nav #assets > .has-arrow[aria-expanded="false"]::after,
.sidebar-nav #maintenance-management > .has-arrow[aria-expanded="false"]::after,
.sidebar-nav #grievances > .has-arrow[aria-expanded="false"]::after,
.sidebar-nav #serviceLevelAgreement > .has-arrow[aria-expanded="false"]::after,
.sidebar-nav #administration > .has-arrow[aria-expanded="false"]::after,
.sidebar-nav #vendor-management > .has-arrow[aria-expanded="false"]::after,
.sidebar-nav #reports > .has-arrow[aria-expanded="false"]::after {
    -webkit-transform: rotate(-45deg) translate(0, -50%) !important;
    -ms-transform: rotate(-45deg) translate(0, -50%) !important;
    -o-transform: rotate(-45deg) translate(0, -50%) !important;
    transform: rotate(-45deg) translate(0, -50%) !important;
    top: 47% !important;
    width: .55em !important;
}

/* Submenu arrows */
.sidebar-nav .treeview-menu li > a.has-submenu::after {
    display: block !important;
    position: absolute !important;
    content: '' !important;
    width: .45em !important;
    height: .45em !important;
    border-width: 1px 0 0 1px !important;
    border-style: solid !important;
    border-color: #666 !important;
    right: 1em !important;
    -webkit-transform: rotate(-45deg) translate(0, -50%) !important;
    -ms-transform: rotate(-45deg) translate(0, -50%) !important;
    -o-transform: rotate(-45deg) translate(0, -50%) !important;
    transform: rotate(-45deg) translate(0, -50%) !important;
    -webkit-transform-origin: top !important;
    -ms-transform-origin: top !important;
    -o-transform-origin: top !important;
    transform-origin: top !important;
    top: 47% !important;
    -webkit-transition: all .3s ease-out !important;
    -o-transition: all .3s ease-out !important;
    transition: all .3s ease-out !important;
}

/* Submenu arrows - expanded state */
.sidebar-nav .treeview-menu li > a.has-submenu[aria-expanded="true"]::after {
    -webkit-transform: rotate(-135deg) translate(0, -50%) !important;
    -ms-transform: rotate(-135deg) translate(0, -50%) !important;
    -o-transform: rotate(-135deg) translate(0, -50%) !important;
    transform: rotate(-135deg) translate(0, -50%) !important;
    top: 45% !important;
    width: .48em !important;
}

/* Submenu arrows - collapsed state */
.sidebar-nav .treeview-menu li > a.has-submenu[aria-expanded="false"]::after {
    -webkit-transform: rotate(-45deg) translate(0, -50%) !important;
    -ms-transform: rotate(-45deg) translate(0, -50%) !important;
    -o-transform: rotate(-45deg) translate(0, -50%) !important;
    transform: rotate(-45deg) translate(0, -50%) !important;
    top: 47% !important;
    width: .45em !important;
}

/* Hide arrows for menu items without submenus */
.sidebar-nav .has-arrow::after {
    display: none !important;
}