/* ===========================================
   STUDENTDORF VAUBAN - Main Stylesheet
   ===========================================
   
   Organized Structure:
   1. Base - Variables, Reset, Typography, Utilities
   2. Layout - Navbar, Footer
   3. Components - Buttons, Cards, Forms, etc.
   4. Pages - Page-specific styles
   
   =========================================== */

/* ========== BASE ========== */
@import url('base/_variables.css');
@import url('base/_reset.css');
@import url('base/_typography.css');
@import url('base/_utilities.css');

/* ========== LAYOUT ========== */
@import url('layout/_navbar.css');
@import url('layout/_footer.css');

/* ========== COMPONENTS ========== */
@import url('components/_buttons.css');
@import url('components/_cards.css');
@import url('components/_forms.css');
@import url('components/_dropdown.css');
@import url('components/_accordion.css');
@import url('components/_badges.css');
@import url('components/_alerts.css');
@import url('components/_gallery.css');
@import url('components/_pagination.css');
@import url('components/_animations.css');

/* ========== PAGES ========== */
@import url('pages/_home.css');
@import url('pages/_about.css');
@import url('pages/_tutorate.css');
@import url('pages/_events.css');
@import url('pages/_calendar.css');
@import url('pages/_jobs.css');
@import url('pages/_faq.css');
@import url('pages/_contact.css');

@import url('pages/_dashboard.css');



/* fix later */
.flag-icon {
    width: 20px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px;
    flex-shrink: 0;
}


/* Wiki Table of Contents */
.wiki-toc {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.wiki-toc-link {
    display: block;
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    color: var(--gray-600);
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.wiki-toc-link:hover {
    background: var(--gray-100);
    color: var(--gray-900);
}

.wiki-toc-link.active {
    background: var(--gray-900);
    color: white;
}