@charset "UTF-8";

/* =========================================================================
   cartographie-mondiale.css v3 — Feuille de surcharge légère
   ---------------------------------------------------------------------------
   La feuille principale du module Intelligence Territoriale
   (intelligence-territoriale.css?v=16) porte 95 % des styles de la tuile
   carte (.it-carte et ses descendants). Cette feuille n'apporte que des
   surcharges propres à la grammaire mondiale, qui ne sont pas couvertes
   par la feuille IT parce qu'elle a été conçue pour des cartes
   départementales françaises.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. Sélecteur de cadre (monde / Europe)
   ------------------------------------------------------------------------- */
.it-carte .cm-zoom-label {
  margin-left: auto;
}
.it-carte .cm-zoom-chips {
  display: flex;
  gap: .35rem;
}

/* -------------------------------------------------------------------------
   2. Style des paths pays dans le SVG mondial.
      Le SVG d'origine (Heitordp, Wikimedia CC0) utilise la classe .land
      et un code ISO-2 en classe complémentaire. On surcharge la grammaire
      .it-carte path.dept (qui suppose des départements français) par
      des sélecteurs équivalents pour les paths mondiaux.
   ------------------------------------------------------------------------- */
.it-carte svg path[class*="land"],
.it-carte svg use[class*="land"] {
  stroke: var(--paper);
  stroke-width: 0.35;
  vector-effect: non-scaling-stroke;
  transition: fill 0.3s, stroke 0.2s, stroke-width 0.2s;
}

/* Cercles du SVG Heitordp d'origine (Vatican, Saint-Marin, Liechtenstein,
   Singapour, Hong Kong, Bahreïn, Channel Islands, Jan Mayen, Bouvet Island,
   etc.). Arbitrage éditorial de session 19 : masquage inconditionnel. À
   l'échelle mondiale, ces marqueurs surchargent la lecture sans apport
   informatif suffisant (au maximum 1 à 2 % du commerce extérieur français
   pour Singapour, beaucoup moins pour les autres). Si un de ces micro-États
   devient stratégiquement central à une lecture éditoriale future, une
   exception ciblée pourra être ouverte par une règle plus spécifique. */
.it-carte svg circle {
  display: none !important;
}
.it-carte svg path.country-actif,
.it-carte svg use.country-actif {
  cursor: pointer;
}
.it-carte svg path.country-actif:hover,
.it-carte svg use.country-actif:hover {
  stroke: var(--ink);
  stroke-width: 0.9;
}
.it-carte svg path.country-actif.focus,
.it-carte svg use.country-actif.focus {
  stroke: var(--ink);
  stroke-width: 1.4;
  filter: drop-shadow(0 1px 2px rgba(35, 48, 42, 0.2));
}

/* -------------------------------------------------------------------------
   3. SVG mondial : prend toute la place du conteneur .map-frame
      Le ratio largeur/hauteur du SVG mondial Heitordp (2756 × 1399)
      est plus aplati que celui de la France (1000 × 965), il faut
      laisser respirer le conteneur.
   ------------------------------------------------------------------------- */
.it-carte .map-frame {
  min-height: 380px;
}
.it-carte .map-frame-inner svg {
  width: 100%;
  height: auto;
  max-height: 70vh;
}

/* -------------------------------------------------------------------------
   4. Sidebar focus : adaptation aux libellés pays (plus longs)
   ------------------------------------------------------------------------- */
.it-carte .focus-content .cm-focus-code {
  font-size: 1.3rem;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--accent);
}
.it-carte .focus-content .cm-focus-name {
  font-size: 1.15rem;
  line-height: 1.15;
}
.it-carte .focus-content .cm-focus-solde.up { color: var(--up); }
.it-carte .focus-content .cm-focus-solde.down { color: var(--down); }

/* -------------------------------------------------------------------------
   5. Compare-section : retrait du séparateur sur le dernier row pour gagner
      une ligne visuelle en pied de sidebar focus (arbitrage session 19).
   ------------------------------------------------------------------------- */
.it-carte .compare-section .row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* -------------------------------------------------------------------------
   6. Tableaux comparatifs des repères mondiaux
   ------------------------------------------------------------------------- */
.it-carte .compare-section .row .v.better { color: var(--up); }
.it-carte .compare-section .row .v.worse  { color: var(--down); }

/* -------------------------------------------------------------------------
   7. Responsive : sous 700px, le sélecteur monde/Europe passe sous
      les chips de vue plutôt que sur la même ligne.
   ------------------------------------------------------------------------- */
@media (max-width: 700px) {
  .it-carte .cm-zoom-label {
    margin-left: 0;
    flex-basis: 100%;
    margin-top: .4rem;
  }
  .it-carte .map-frame-inner svg {
    max-height: 50vh;
  }
}