/* responsive.css - Gestion avancée du responsive */
/* Tablettes */
@media (min-width: 768px) and (max-width: 1024px) {
    .row-cols-md-2 {
        --bs-columns: 2;
    }
    
    .col-lg-8 {
        flex: 0 0 auto;
        width: 100%;
    }
    
    .col-lg-4 {
        flex: 0 0 auto;
        width: 100%;
    }
}

/* Grands écrans */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
    
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

/* Dark mode (optionnel) */
@media (prefers-color-scheme: dark) {
    :root {
        --body-bg: #1a1a1a;
        --text-color: #f5f5f5;
        --light-bg: #2d2d2d;
        --text-muted: #a0a0a0;
    }
    
    .card, .moduletable {
        background: #2d2d2d !important;
        border-color: rgba(255,255,255,0.05) !important;
    }
    
    .navbar {
        background: rgba(45,45,45,0.95) !important;
        border-bottom-color: rgba(255,255,255,0.05);
    }
    
    .nav-link {
        color: var(--text-color) !important;
    }
    
    .form-control, .form-select {
        background: #2d2d2d;
        border-color: #404040;
        color: var(--text-color);
    }
    
    .weather-widget, .price-widget {
        background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
    }
}

@media (max-width: 991px) {
    /* Style de la recherche dans le menu mobile */
    .nav-collapse .nav-search {
        width: 100%;
        padding: 1rem;
        margin: 0;
        border-bottom: 1px solid rgba(26, 77, 58, 0.1);
    }
    
    .nav-collapse .nav-search input {
        width: 100%;
        background: #f4f8f4; /* Léger fond vert/clair */
        border: 1px solid #d1e0d1;
        height: 42px;
        border-radius: 8px;
    }
    
    /* On cache le conteneur de recherche de la barre fixe */
    .nav-right .nav-search {
        display: none;
    }
}