/* ==========================================================================
   SIDEBAR FIX FOR MOBILE/TABLET - CRITICAL
   Fix height and overflow issues on responsive layouts
   ========================================================================== */

/* Tablet - Fix sidebar height */
@media (max-width: 1024px) {
    .progress-sidebar {
        height: auto !important;
        position: relative !important;
        top: 0 !important;
        overflow-y: visible !important;
        max-height: none !important;
    }
}

/* Mobile - Ensure sidebar shows all content */
@media (max-width: 768px) {
    .progress-sidebar {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

    .steps-list {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 8px;
    }

    .sidebar-footer {
        margin-top: 20px;
    }
}