/* Course Section Collapsible - KUN det som trengs for funksjonaliteten */

/* Toggle icon styling for course knappen */
.course-toggle-btn .toggle-icon {
    margin-left: 0.5rem;
    transition: transform 0.3s ease;
    font-size: 0.9rem;
}

.course-toggle-btn.expanded .toggle-icon {
    transform: rotate(180deg);
}

/* Collapsible Content for course section */
.course-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    margin-top: 0;
}

.course-content.expanded {
    max-height: 10000px; /* Høy nok verdi for alt innhold */
    opacity: 1;
    margin-top: 3rem;
}

/* Det er alt! Alle andre styling bruker eksisterende klasser fra andre CSS-filer */