/* Desktop-specific fixes to ensure mobile styles don't affect desktop */

@media (min-width: 768px) {
    /* Fix desktop navbar - hide Home button and mobile elements */
    .mediaHeader .navbar-header .navbar-brand {
        display: none !important;
    }
    
    /* Hide mobile-specific navbar elements on desktop */
    .mobile-sidebar-header,
    .mobile-sidebar-title,
    .mobile-sidebar-close {
        display: none !important;
    }
    
    /* Fix desktop Quick Links - make them horizontal */
    .section .card-flex {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
    }
    
    .section .card-flex .card {
        flex: 1 1 calc(20% - 16px) !important;
        min-width: 200px !important;
        max-width: 250px !important;
    }
    
    /* Ensure proper styling for desktop Quick Links cards */
    .section .card-flex .card .card-body {
        padding: 20px !important;
    }
    
    .section .card-flex .card .card-body i {
        font-size: 2.5rem !important;
        margin-bottom: 15px !important;
    }
    
    .section .card-flex .card .card-body .start-service {
        margin-top: 15px !important;
    }
    
    /* Fix desktop Most Used Services cards - make them horizontal with proper width */
    .section .card-flex {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
    }
    
    .section .card-flex .card {
        flex: 1 1 calc(20% - 12px) !important;
        min-width: 180px !important;
        max-width: 220px !important;
        margin-bottom: 15px !important;
    }
    
    /* Ensure proper styling for desktop cards */
    .section .card-flex .card .card-body {
        padding: 20px !important;
    }
    
    .section .card-flex .card .card-body i {
        font-size: 2.5rem !important;
        margin-bottom: 15px !important;
    }
    
    .section .card-flex .card .card-body .start-service {
        margin-top: 15px !important;
    }
    
    /* Hide mobile elements on desktop */
    .mobile-most-used-services,
    .mobile-services-grid,
    .mobile-service-card,
    .mobile-most-used-header,
    .mobile-main-title,
    .mobile-view-all,
    .mobile-quick-links-container,
    .mobile-quick-links-card,
    .mobile-tiles,
    .mobile-tile,
    .mobile-requests-card {
        display: none !important;
    }
    
    /* Ensure desktop header is properly styled */
    .section-header {
        margin-bottom: 30px !important;
    }
    
    .section-header h2 {
        font-size: 2rem !important;
        margin-bottom: 20px !important;
    }
}