/* ================================================
   JNSI Custom Styles - Icon Fix
   Journal of Nature-Based Solutions and Innovations
   Created: November 2024
   ================================================ */

/* Fix disappearing icons in OJS menus */
.pkp_controllers_grid .gridRow .first_column::before,
.pkp_controllers_grid .options::before,
.pkp_controllers_listbuilder .listbuilder_item::before,
a.sprite::before,
button.sprite::before {
    display: inline-block !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure icons stay visible on active/clicked state */
.active .sprite::before,
.clicked .sprite::before,
.show .sprite::before {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fix for expanded/collapsed accordion icons */
.pkp_controllers_grid .gridRow.gridRowWithControlFirstColumn .first_column a::before {
    content: "\f078" !important; /* down arrow */
    margin-right: 5px;
}

.pkp_controllers_grid .gridRow.gridRowWithControlFirstColumn.active .first_column a::before {
    content: "\f077" !important; /* up arrow */
}

/* Fix for settings menu icons */
.pkp_linkaction::before {
    display: inline-block !important;
    visibility: visible !important;
}

/* Prevent icon hiding on hover or click */
a:hover::before,
a:focus::before,
a:active::before,
button:hover::before,
button:focus::before,
button:active::before {
    opacity: 1 !important;
    visibility: visible !important;
}