/* ===========================================
   e-Structure — Styles responsive mobile-first
   Optimisé pour connexions lentes (3G/4G Tchad)
   =========================================== */

/* ---- Mobile (< 768px) ---- */
@media (max-width: 767.98px) {
    .hero-section { padding: 2rem 0; }
    .hero-section h1 { font-size: 1.8rem; }
    .hero-section .lead { font-size: 1rem; }

    .navbar-brand { font-size: 1.1rem; }

    .card { margin-bottom: 0.5rem; }
    .sector-card .display-3 { font-size: 2.5rem; }
    .sector-card h5 { font-size: 0.95rem; }
    .sector-card .card-text { font-size: 0.75rem; }

    #miniMap, #mapContainer { height: 300px !important; }
    .filter-panel { max-width: 180px; padding: 10px; font-size: 0.85rem; }

    .table { font-size: 0.85rem; }
    .table th, .table td { padding: 0.5rem; }

    footer .col-md-4 { text-align: center; }
}

/* ---- Tablette (768px - 991px) ---- */
@media (min-width: 768px) and (max-width: 991.98px) {
    .hero-section h1 { font-size: 2.2rem; }
    #miniMap { height: 350px !important; }
}

/* ---- Touch-friendly buttons ---- */
@media (pointer: coarse) {
    .btn { min-height: 44px; min-width: 44px; }
    .form-control, .form-select { min-height: 44px; }
    .nav-link { padding: 0.75rem 1rem; }
}

/* ---- Réduire les animations pour économiser la batterie ---- */
@media (prefers-reduced-motion: reduce) {
    .card { animation: none; }
    .sector-card:hover { transform: none; }
}