/* Core overrides for Emerald 500 Theme */
:root,
[data-bs-theme="light"],
[data-color-theme="Blue_Theme"] {
    --bs-body-font-family: 'Poppins', sans-serif;
    --bs-primary: #10b981 !important;
    --bs-primary-rgb: 16, 185, 129 !important;

    /* Modify specific Modernize Theme Variables */
    --bs-link-color: #10b981 !important;
    --bs-link-hover-color: #059669 !important;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button,
input,
label {
    font-family: 'Poppins', sans-serif !important;
}

/* Force specific classes that don't respect CSS variables */
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #059669 !important;
    border-color: #059669 !important;
}

.btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

.text-primary,
.sidebar-nav ul .sidebar-item>.sidebar-link.active i {
    color: var(--bs-primary) !important;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-primary-subtle {
    background-color: #d1fae5 !important;
}

/* Active menu styling in sidebar */
.sidebar-nav ul .sidebar-item.selected>.sidebar-link,
.sidebar-nav ul .sidebar-item.selected>.sidebar-link.active,
.sidebar-nav ul .sidebar-item>.sidebar-link.active {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link i,
.sidebar-nav ul .sidebar-item.selected>.sidebar-link.active i,
.sidebar-nav ul .sidebar-item>.sidebar-link.active i {
    color: #fff !important;
}

/* Hover effect on Sidebar Item */
.sidebar-nav ul .sidebar-item>.sidebar-link:hover {
    color: var(--bs-primary);
    background-color: #ecfdf5 !important;
    border-radius: 7px;
    /* Matches modernize sidebar rounding */
}

.sidebar-nav ul .sidebar-item>.sidebar-link:hover i,
.sidebar-nav ul .sidebar-item>.sidebar-link:hover .hide-menu {
    color: var(--bs-primary) !important;
}


.topbar .navbar-nav .nav-item .nav-link:hover i {
    color: var(--bs-primary) !important;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #ecfdf5;
    color: var(--bs-primary);
}

.jenjang-card {
    transition: all 0.3s ease;
    border: 1px solid #f1f5f9;
}

.jenjang-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(16, 185, 129, 0.15) !important;
    border-color: var(--bs-primary);
}