/* ============================================================
   Carpyx — UI Toggle (SAFE in rail)
   ============================================================ */

#carpyx-ui-toggle {
    /* IMPORTANT : dans le rail, PAS fixed */
    position: relative;
    top: auto;
    right: auto;

    width: 48px;
    height: 48px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.18);

    background: rgba(40, 40, 40, 0.75);
    color: #f5f7fa;

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);

    cursor: pointer;

    /* z-index suffisant dans le rail */
    z-index: 1;
}

/* ============================================================
   Hide UI — masque tout le rail SAUF l'œil
   ============================================================ */

body.ui-hidden #carto-controls .carto-control-btn,
body.ui-hidden #carto-controls .baselayers-panel,
body.ui-hidden #carpyx-header,
body.ui-hidden #map-attribution,
body.ui-hidden .leaflet-control-scale,
body.ui-hidden .carpyx-gps-indicator {
    opacity: 0 !important;
    pointer-events: none !important;
}


/* Exception UNIQUE : le bouton œil reste visible */
body.ui-hidden #carto-controls #carpyx-ui-toggle {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* ============================================================
   UI-HIDDEN — masquer le bouton des calques
   ============================================================ */

body.ui-hidden #baselayers-panel {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

/* =========================================================
   UI HIDDEN — keep ONLY the eye toggle visible (NO DOM changes)
   FILE: public/assets/css/cartography/ui-toggle.css
   ========================================================= */

/* 1) Cache tous les contrôles du rail droit */
body.ui-hidden #carto-controls .carto-control-btn,
body.ui-hidden #carto-controls .baselayers-panel,
body.ui-hidden #carto-controls .carto-scroll-indicator {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 2) Ré-affiche uniquement le bouton œil */
body.ui-hidden #carto-controls #carpyx-ui-toggle {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* 3) Optionnel : masque le header + footer + autres UI comme avant */
body.ui-hidden #carpyx-header,
body.ui-hidden #map-attribution,
body.ui-hidden .leaflet-control-scale,
body.ui-hidden .carpyx-gps-indicator {
    opacity: 0 !important;
    pointer-events: none !important;
}