/*********************************
Sidebar Width Improvements
*********************************/

/* Profile page sidebar - increase from col-lg-4 (33.33%) to col-lg-5 (41.67%) */
@media (min-width: 992px) {
    .profile-page .col-lg-4:first-child {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    
    .profile-page .col-lg-8:last-child {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
}

/* Course lecture page sidebar - increase from 25% to 30% */
@media (min-width: 768px) {
    .sidebar-section {
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }
    
    .main-video-section {
        flex: 0 0 70% !important;
        max-width: 70% !important;
    }
}

/* General sidebar improvements for all pages */
@media (min-width: 992px) {
    /* Increase sidebar widths for common layouts */
    .col-lg-4.sidebar-column {
        flex: 0 0 38% !important;
        max-width: 38% !important;
    }
    
    .col-lg-8.main-column {
        flex: 0 0 62% !important;
        max-width: 62% !important;
    }
}

/* Ensure sidebar text doesn't wrap */
.sidebar-section,
.card-title,
.card-body h5,
.card-body h6 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Specific fixes for profile page card titles */
@media (max-width: 1200px) {
    .card-title.fw-bold {
        font-size: 1.1rem !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* Additional fixes for other sidebar elements */
.sidebar-column .card-title,
.sidebar-column .nav-link,
.sidebar-column .btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Ensure proper spacing in sidebar cards */
.sidebar-column .card {
    margin-bottom: 1rem;
}

/* Fix for any remaining text wrapping issues */
@media (min-width: 992px) {
    .sidebar-column .d-flex .justify-content-between {
        flex-wrap: nowrap;
    }
    
    .sidebar-column .card-body {
        padding: 1rem;
    }
}