/* Navigation Arrow Fix for Layui v2.11.2 */
/* This fixes the missing navigation arrows after upgrading from Layui v2.4.3 to v2.11.2 */

/* Style for navigation arrow indicator */
.layui-side .layui-nav .layui-nav-item .layui-nav-more,
.layui-nav-tree .layui-nav-item .layui-nav-more,
.layui-nav .layui-nav-more {
    font-family: layui-icon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    font-size: 12px !important;
    position: absolute !important;
    top: 50% !important;
    right: 15px !important;
    transform: translateY(-50%) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block !important;
}

/* Fix for top header navigation - prevent overlap with text */
.layui-header .layui-nav .layui-nav-item .layui-nav-more,
.top_menu.layui-nav .layui-nav-item .layui-nav-more {
    right: 10px !important;
    margin-left: 8px !important;
}

/* Ensure top navigation uses icon font arrows consistently */
.layui-header .layui-nav .layui-nav-more:before,
.top_menu.layui-nav .layui-nav-more:before {
    content: "\e625" !important; /* layui-icon-triangle-d */
    display: inline-block !important;
    vertical-align: middle !important;
}

.layui-header .layui-nav .layui-nav-itemed > a .layui-nav-more:before,
.layui-header .layui-nav .layui-nav-mored:before,
.top_menu.layui-nav .layui-nav-itemed > a .layui-nav-more:before,
.top_menu.layui-nav .layui-nav-mored:before {
    content: "\e619" !important; /* layui-icon-up */
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Override CSS triangle styles in top navigation to use icon fonts */
.layui-header .layui-nav .layui-nav-more,
.top_menu.layui-nav .layui-nav-more {
    border: none !important;
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important;
}

/* Reset border-based triangles for colored themes in top navigation */
.orange .top_menu.layui-nav .layui-nav-more,
.blue .top_menu.layui-nav .layui-nav-more,
.orange .top_menu.layui-nav-itemed .layui-nav-more,
.orange .top_menu.layui-nav .layui-nav-mored,
.blue .top_menu.layui-nav-itemed .layui-nav-more,
.blue .top_menu.layui-nav .layui-nav-mored {
    border: none !important;
    color: #fff !important;
}

/* Default state - down arrow */
.layui-side .layui-nav .layui-nav-item .layui-nav-more:before,
.layui-nav-tree .layui-nav-item .layui-nav-more:before,
.layui-nav .layui-nav-more:before {
    content: "\e625" !important; /* layui-icon-triangle-d */
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Expanded state - up arrow */
.layui-side .layui-nav .layui-nav-itemed > a .layui-nav-more:before,
.layui-nav-tree .layui-nav-itemed > a .layui-nav-more:before,
.layui-nav-itemed > a .layui-nav-more:before,
.layui-nav-mored:before {
    content: "\e619" !important; /* layui-icon-up */
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Alternative: Use CSS triangles like v2.4.3 for compatibility */
.layui-nav-more.use-css-triangle {
    font-family: inherit !important;
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    border-width: 6px;
    top: 50%;
    margin-top: -4px;
}

.layui-nav-more.use-css-triangle:before {
    content: '';
}

.layui-nav-itemed > a .layui-nav-more.use-css-triangle,
.layui-nav-mored.use-css-triangle {
    margin-top: -10px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #fff;
}

/* Ensure arrow is visible on dark backgrounds */
.layui-side .layui-nav-more {
    color: rgba(255, 255, 255, 0.7);
}

.layui-side .layui-nav-itemed > a .layui-nav-more,
.layui-side .layui-nav-mored {
    color: #fff;
}

/* Fix for top navigation dropdown arrow positioning to prevent overlap with username */
.layui-header .layui-nav .layui-nav-item .layui-nav-more,
.top_menu.layui-nav .layui-nav-item .layui-nav-more {
    right: 3px !important;
    margin-left: 15px !important;
}

/* Ensure top navigation uses consistent icon styling */
.layui-header .layui-nav .layui-nav-item .layui-nav-more:before,
.top_menu.layui-nav .layui-nav-item .layui-nav-more:before {
    content: "\e625" !important; /* layui-icon-triangle-d */
    display: inline-block !important;
    vertical-align: middle !important;
}

.layui-header .layui-nav .layui-nav-itemed > a .layui-nav-more:before,
.top_menu.layui-nav .layui-nav-itemed > a .layui-nav-more:before {
    content: "\e619" !important; /* layui-icon-up */
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Override any border-based triangle styles for top navigation */
.layui-header .layui-nav .layui-nav-more,
.top_menu.layui-nav .layui-nav-more {
    border: none !important;
    width: auto !important;
    height: auto !important;
}

/* Fix for Quick Action (closeBox) dropdown arrow positioning to prevent overlap */
.closeBox.layui-nav .layui-nav-item .layui-nav-more {
    right: 3px !important;
    margin-left: 15px !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    font-family: layui-icon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    font-size: 12px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block !important;
}

/* Quick Action dropdown arrow states */
.closeBox.layui-nav .layui-nav-item .layui-nav-more:before {
    content: "\e625" !important; /* layui-icon-triangle-d */
    display: inline-block !important;
    vertical-align: middle !important;
    color: #333 !important;
}

.closeBox.layui-nav .layui-nav-itemed > a .layui-nav-more:before,
.closeBox.layui-nav .layui-nav-mored:before {
    content: "\e619" !important; /* layui-icon-up */
    display: inline-block !important;
    vertical-align: middle !important;
    color: #333 !important;
}

/* Fix spacing for Quick Action circle icon to prevent overlap with text */
.closeBox a i.caozuo {
    left: 5px !important;
    margin-right: 8px !important;
}

/* Add padding to Quick Action text to accommodate the spaced icon */
.closeBox .layui-nav-item > a {
    padding-left: 35px !important;
}