/* Composant carte Occitanie (reutilise Etablissements + Avancement).
   Le fond occitanie-clean.svg DOIT rester sur fond papier #FBF8F2 :
   ses bandes de masquage sont de cette couleur (brief 6.2). */

/* Pastilles de categorie. Les couleurs (.dot-*) sont generees depuis
   late28_categories() et injectees en ligne : ne rien coder en dur ici. */
.leg-dot{width:13px;height:13px;border-radius:50%;flex-shrink:0;display:inline-block}

.carte{position:relative;border-radius:12px;background:var(--papier);border:0.5px solid rgba(28,26,23,0.12);overflow:hidden;padding:20px}
.carte-frame{overflow:hidden;border-radius:8px}
.carte-stage{position:relative;width:100%;max-width:1040px;margin:0 auto;transform:scale(1.09);transform-origin:center}
.carte-fond{width:100%;height:auto;display:block}
.carte-points{position:absolute;inset:0;width:100%;height:100%}
/* Noms de departements : discrets, en retrait sous les points. Le liseré papier
   (paint-order) garde le texte lisible par-dessus les traits de la carte. */
.carte-deps{pointer-events:none}
.carte-deps text{fill:var(--acier);font-family:var(--sans);font-weight:500;font-size:390px;
  text-anchor:middle;dominant-baseline:middle;letter-spacing:11px;
  paint-order:stroke;stroke:var(--papier);stroke-width:70px;stroke-linejoin:round;opacity:0.72}
.carte-points .pt circle{cursor:pointer;transition:r .15s;stroke:var(--papier);stroke-width:50}
.carte-points .pt:hover circle,.carte-points .pt.active circle{r:300}
.carte-tip{position:absolute;background:var(--encre);color:var(--papier);border-radius:10px;padding:12px 14px;pointer-events:none;min-width:170px;box-shadow:0 6px 20px rgba(0,0,0,0.22);z-index:5}
.carte-tip .tip-cat{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:0.04em;text-transform:uppercase;color:var(--ocre);margin-bottom:6px}
.carte-tip .tip-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.carte-tip .tip-nom{font-family:var(--serif);font-size:16px;font-weight:600}
.carte-tip .tip-ville{font-size:12px;color:rgba(251,248,242,0.7);margin-top:2px}
.carte-hint{text-align:center;font-family:var(--mono);font-size:11px;color:var(--acier);pointer-events:none;margin-top:10px}

@media(max-width:860px){
  .carte{padding:12px}
}