/* Custom Font Override - Montserrat */

/* Apply Montserrat to body */
body {
    font-family: 'Montserrat', sans-serif;
}

/* Apply to all text elements except icons */
h1, h2, h3, h4, h5, h6,
p, a, button, input, textarea, select, label,
.btn, .form-control, .nav-link, .dropdown-item,
.card, .modal, .alert, .badge, .breadcrumb,
.sec_title, .ft-bold, .ft-medium, .off_title,
div, span, li, td, th {
    font-family: 'Montserrat', sans-serif;
}

/* Apply Montserrat to navigation menu items */
.nav-menu > li > a,
.nav-dropdown > li > a,
.sub-menu-item,
.nav-submenu a,
.nav-submenu li {
    font-family: 'Montserrat', sans-serif !important;
}

/* Preserve icon fonts - DO NOT override */
i[class*="lni-"],
i[class*="ti-"],
i[class*="fa-"],
i[class*="bi-"],
i[class*="mdi-"],
.lni, .ti, .fa, .fas, .far, .fab, .bi, .mdi {
    font-family: 'LineIcons', 'themify', 'Font Awesome 6 Free', 'bootstrap-icons', 'Material Design Icons' !important;
}

/* Hide arrow for user menu */
.user-menu-item > a::after {
    display: none !important;
}

/* Unified styling for all menu items */
.nav-dropdown .sub-menu-item {
    display: flex !important;
    align-items: center !important;
    padding: 14px 20px !important;
    transition: all 0.3s ease !important;
}

.nav-dropdown .sub-menu-item i {
    width: 20px !important;
    text-align: center !important;
}

/* Fix logout button styling */
.logout-button {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    width: 100% !important;
    text-align: left !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    transition: all 0.3s ease !important;
}

/* Remove double border before logout */
.logout-item {
    border-top: none !important;
}

.logout-item .sub-menu-item {
    border-bottom: none !important;
}

/* Category buttons styling */
.btn-light.category-btn {
    transition: all 0.3s ease !important;
    background-color: #fff !important;
    border-color: #ddd !important;
    color: #000 !important;
}

.btn-light.category-btn:hover {
    background-color: #f8f9fa !important;
    border-color: #999 !important;
    color: #000 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.btn-light.category-btn:active,
.btn-light.category-btn:focus {
    background-color: #fff !important;
    border-color: #ddd !important;
    color: #000 !important;
    box-shadow: none !important;
    transform: translateY(0);
}