@import 'core/_variables.css';
@import 'core/_base.css';
@import 'core/_typography.css';
@import 'core/_utilities.css';
@import 'core/_animations.css';

@import 'layout/_layout.css';
@import 'layout/_header.css';
@import 'layout/_footer.css';

@import 'components/_buttons.css';
@import 'components/_forms.css';
@import 'components/_cards.css';
@import 'components/_dropdown.css';
@import 'components/_modal.css';
@import 'components/_accordion.css';
@import 'components/_tabs.css';
@import 'components/_messages.css';
@import 'components/_breadcrumb.css';
@import 'components/_pdf-viewer.css';

@import 'pages/_page-home.css';
@import 'pages/_page-dashboard.css';
@import 'pages/_page-catalog.css';
@import 'pages/_page-course-detail.css';
@import 'pages/_page-checkout.css';
@import 'pages/_page-confirmation.css';
@import 'pages/_page-learning.css';
@import 'pages/_page-quiz.css';
@import 'pages/_page-exam.css';
@import 'pages/_page-tryout.css';
@import 'pages/_page-leaderboard.css';
@import 'pages/_page-profile.css';

/* =================================== */
/* == Styling Sidebar Halaman Belajar == */
/* =================================== */

html {
    font-size: 15px;
}

@media (min-width: 1400px) {
    html {
        font-size: 16px;
    }
}

/* Penyesuaian untuk tampilan login (kanan atas) */
.header .auth-section {
    gap: 12px; /* Mengurangi jarak antara Notifikasi dan Profil */
}

.header .profile-dropdown-toggle span {
    margin-right: 5px; /* Mengurangi jarak antara nama dan ikon panah */
}

.learning-sidebar .sidebar-header {
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.learning-sidebar .sidebar-header h3 {
    margin: 0;
    font-size: 1.2rem;
    color: var(--primary-blue);
}

/* Tautan "Kembali ke..." */
.sidebar-back-link {
    display: block;
    margin-bottom: 15px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--primary-blue) !important; /* Penting untuk override */
    text-decoration: none !important; /* Penting untuk override */
    padding: 8px 12px;
    background-color: #eaf6fc;
    border-radius: 8px;
    transition: background-color 0.2s;
}

.sidebar-back-link:hover {
    background-color: #d8effa;
    color: var(--primary-blue); /* Pastikan warna tetap saat hover */
}

/* Wrapper untuk setiap link di daftar navigasi */
.sidebar-chapter-link {
    border-bottom: 1px solid #f0f0f0;
}

.sidebar-chapter-link:last-child {
    border-bottom: none;
}

/* Tautan untuk navigasi ke kursus atau sub-kategori */
.sidebar-chapter-link a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    text-decoration: none !important; /* Penting untuk override */
    color: var(--black) !important; /* Penting untuk override */
    font-weight: 600;
    transition: background-color 0.2s;
    font-size: 0.95rem;
}

.sidebar-chapter-link a:hover {
    background-color: #f9f9f9;
}

.sidebar-chapter-link a i {
    color: var(--primary-blue);
    width: 16px; /* Memberi lebar tetap agar rapi */
    text-align: center;
}