/* ============================================
   MOBILE COURSES PAGE - REDUCE WHITE SPACE
   Reduce space between navbar/menu and content
   ============================================ */

@media (max-width: 767px) {
    
    /* Match home page spacing - ISO buttons and menu */
    .main-header {
        margin-bottom: 0 !important;
        padding-bottom: 15px !important;
    }
    
    /* Match home page - no extra margin between header and navbar */
    .main-header + .navbar,
    .main-header ~ .navbar {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Reduce space after navbar / before content */
    .navbar {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Specific for courses page - main-content after navbar */
    .navbar + .main-content,
    .navbar ~ .main-content {
        margin-top: 0 !important;
        padding-top: 8px !important;
    }
    
    .navbar + .main-content > .container,
    .navbar ~ .main-content > .container {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .navbar + .main-content > .container > section:first-child,
    .navbar ~ .main-content > .container > section:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .navbar + .main-content > .container > section:first-child h1,
    .navbar ~ .main-content > .container > section:first-child h1 {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 10px !important;
    }
    
    /* Reduce space after navbar - before any content section */
    .navbar + section,
    .navbar ~ section,
    .navbar + .container,
    .navbar ~ .container,
    .navbar + main,
    .navbar ~ main {
        margin-top: 0 !important;
        padding-top: 8px !important;
    }
    
    /* General spacing reduction */
    body > .main-header,
    body > .navbar {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 480px) {
    /* Match home page spacing (small screens) */
    .main-header {
        padding-bottom: 12px !important;
    }
    
    /* Match home page - no extra margin */
    .main-header + .navbar,
    .main-header ~ .navbar {
        margin-top: 0 !important;
    }
    
    .navbar + .main-content,
    .navbar ~ .main-content {
        padding-top: 6px !important;
    }
    
    .navbar + .main-content > .container > section:first-child h1,
    .navbar ~ .main-content > .container > section:first-child h1 {
        margin-bottom: 8px !important;
    }
    
    .navbar + section,
    .navbar ~ section,
    .navbar + main,
    .navbar ~ main {
        padding-top: 6px !important;
    }
}