/* ctrl.css v3 - S88 : harmonisation globale des controles UI Crisis+Survival.
   Regle Apple HIG 1.4.1 : zone tap 44x44 minimum, non negociable.
   Taille de glyphe : 1.3rem unique pour tous, la classe IMPOSE la geometrie,
   les couleurs/fonds/bordures inline (semantique) passent au-dessus. */

/* ============================================================
   CLASSE UNIVERSELLE pour TOUS les controles de l'app
   X, fleches, +, -, hamburger, toggle, etc.
   ============================================================ */
.ctrl-btn {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  font-size: 1.3rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  border-radius: 8px;
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* ============================================================
   ALIAS retro-compatibles avec le patch team-module de ce matin
   (ctrl-close + variantes) pour eviter de tout re-patcher.
   ============================================================ */
.ctrl-close, .ctrl-close--muted, .ctrl-close--strong {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  font-size: 1.3rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  border-radius: 8px;
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: transparent;
  border: none;
  color: inherit;
}
.ctrl-close { opacity: 0.7; }
.ctrl-close--muted { opacity: 0.6; }
.ctrl-close--strong { opacity: 0.8; }
.ctrl-close:hover, .ctrl-close--muted:hover, .ctrl-close--strong:hover { opacity: 1; }

/* ============================================================
   OVERRIDE MapLibre : boutons zoom + / - / compass en 44x44
   (par defaut 29x29, trop petits pour cible tap iOS)
   ============================================================ */
.maplibregl-ctrl-group button,
.maplibregl-ctrl button.maplibregl-ctrl-zoom-in,
.maplibregl-ctrl button.maplibregl-ctrl-zoom-out,
.maplibregl-ctrl button.maplibregl-ctrl-compass,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate,
.maplibregl-ctrl button.maplibregl-ctrl-fullscreen {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
}
/* Reajuster les icones SVG MapLibre qui sont positionnees absolute interieur */
.maplibregl-ctrl-group button .maplibregl-ctrl-icon {
  width: 44px !important;
  height: 44px !important;
  background-size: 22px 22px !important;
}
