/* ============================================================
   Project: Carpyx Lab Reload
   File: main.css
   Scope: Base layout for the map page only
   ------------------------------------------------------------
   Responsibilities:
   - Ensure full viewport usage
   - Ensure map container visibility

   Explicit exclusions:
   - No theme
   - No animation
   - No UI components
   - No responsive logic beyond full size
   ============================================================ */

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* ------------------------------------------------------------
   Map container
   Role: Fill the entire viewport
   ------------------------------------------------------------ */
#map {
    width: 100%;
    height: 100%;
}

#map-shell {
    width: 100%;
    height: 100%;
}

/* --------------------------------------------------------
   Mobile — ensure GPS indicator stays ABOVE scale control
   -------------------------------------------------------- */
@media (max-width: 768px) {
    #carpyx-gps-indicator {
        position: relative;
        z-index: 1001;
        /* au-dessus de Leaflet scale */
    }

    .leaflet-control-scale {
        z-index: 1000;
    }
}

/* --------------------------------------------------------
   Mobile — lift GPS indicator above attribution + scale
   -------------------------------------------------------- */
@media (max-width: 768px) {
    #carpyx-gps-indicator {
        position: relative;
        z-index: 1001;
        margin-bottom: 70px;
        /* 🔑 remonte visuellement le GPS */
    }
}