/* Fix for oversized navigation arrows */

/* Limit arrow icon sizes */
.fas.fa-chevron-left,
.fas.fa-chevron-right,
.fas.fa-arrow-left,
.fas.fa-arrow-right {
    font-size: 1.2rem !important;
    max-width: 2rem;
    max-height: 2rem;
}

/* Fix oversized navigation buttons */
.btn-lg .fa-chevron-left,
.btn-lg .fa-chevron-right,
.btn-lg .fa-arrow-left,
.btn-lg .fa-arrow-right {
    font-size: 1rem !important;
}

/* Navigation button improvements */
.navigation-button,
.nav-arrow,
.course-navigation {
    padding: 0.5rem 1rem !important;
    font-size: 0.9rem !important;
    border-radius: 6px !important;
    max-width: 150px !important;
}

.navigation-button i,
.nav-arrow i,
.course-navigation i {
    font-size: 0.9rem !important;
    margin: 0 0.5rem;
}

/* Responsive fixes */
@media (max-width: 768px) {
    .navigation-button,
    .nav-arrow,
    .course-navigation {
        padding: 0.4rem 0.8rem !important;
        font-size: 0.8rem !important;
        max-width: 120px !important;
    }
}