/* =========================================
   SaaS Theme Overrides for Soft UI Dashboard
   ========================================= */

/* ---- Typography ---- */
body,
.navbar-nav .nav-link,
h1, h2, h3, h4, h5, h6,
p, td, th, label, input, select, textarea, button {
    font-family: 'Plus Jakarta Sans', 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}


/* ---- Background ---- */
body.bg-gray-100,
body {
    background-color: #F8FAFC !important;
}

/* ---- Sidebar ---- */
.sidenav {
    background-color: #FFFFFF !important;
}

/* FIX: Soft-UI sets sidenav-header to 15.875rem (254px) height — override to auto */
.sidenav-header {
    height: auto !important;
    min-height: unset !important;
    display: block !important;
}

/* FIX: Soft-UI sets navbar-collapse height to calc(100vh - 360px) — expand it */
.navbar-vertical.navbar-expand-xs .navbar-collapse,
.navbar-vertical .navbar-collapse {
    height: auto !important;
    max-height: calc(100vh - 220px) !important;
}

/* Nav link hover in sidebar */
.sidenav .navbar-nav .nav-link:hover {
    background-color: #F1F5F9 !important;
    border-radius: 8px;
}

/* FIX: Override soft-ui active nav-link styles */
.sidenav .navbar-nav .nav-link.active,
.navbar-vertical .navbar-nav .nav-link.active,
.navbar-vertical .navbar-nav > .nav-item .nav-link.active,
.navbar-vertical .navbar-nav > .nav-item > .nav-link.active {
    box-shadow: none !important;
    background-color: rgba(217, 26, 138, 0.08) !important;
    color: #D91A8A !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
}

/* FIX: Override soft-ui .icon gradient on active */
.navbar-vertical .navbar-nav > .nav-item > .nav-link.active .icon,
.navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon {
    background-image: none !important;
    background: transparent !important;
}

/* FIX: Override soft-ui icon color forced to white */
.navbar-vertical .navbar-nav .nav-item .nav-link .icon i {
    color: inherit !important;
}

/* ---- Dropdown animation & Carets ---- */
.dropdown-toggle::after {
    display: none !important; /* Hide broken native caret, we use custom FontAwesome icon */
}

.dropdown-menu.show {
    animation: saas-fadeIn 0.15s ease;
}

@keyframes saas-fadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Dropdown item hover */
.dropdown-menu .dropdown-item:hover {
    background-color: #F8FAFC !important;
}

/* ---- Scrollbar ---- */
.sidenav .navbar-collapse {
    scrollbar-width: thin;
    scrollbar-color: #E2E8F0 transparent;
}

.sidenav .navbar-collapse::-webkit-scrollbar {
    width: 4px;
}

.sidenav .navbar-collapse::-webkit-scrollbar-track {
    background: transparent;
}

.sidenav .navbar-collapse::-webkit-scrollbar-thumb {
    background-color: #E2E8F0;
    border-radius: 4px;
}

/* ---- Card refinements ---- */
.card {
    border: 1px solid #F0F0F0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    border-radius: 12px !important;
}

/* ---- Header navbar fix ---- */
.navbar-main.border-radius-xl {
    border-radius: 0 !important;
}

/* ---- Footer ---- */
.footer {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}