/*
Mobile Fixes for RODA Website
Fixes white line between breadcrumb and menu on mobile
*/

/* Remove any margin/padding between header and breadcrumb on mobile */
@media (max-width: 768px) {
    /* Ensure no gap between top-bar and header */
    #top-bar {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    #header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Remove any margin from breadcrumb section */
    .breadcrumb-page-title {
        margin-top: 0 !important;
        padding-top: 20px !important;
    }
    
    /* Ensure header and breadcrumb are connected */
    #header + .breadcrumb-page-title {
        margin-top: 0 !important;
    }
    
    /* Fix any white space between elements */
    #wrapper > #header,
    #wrapper > .breadcrumb-page-title {
        margin: 0 !important;
    }
    
    /* Ensure no background gaps */
    #top-bar,
    #header,
    .breadcrumb-page-title {
        background-attachment: scroll !important;
    }
}

/* Additional fixes for very small screens */
@media (max-width: 576px) {
    .breadcrumb-page-title {
        padding-top: 15px !important;
        margin-top: 0 !important;
    }
    
    /* Ensure header elements are properly connected */
    #header-wrap {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}