/* Extrait de inclure/navigation-cartes.html : feuille du composant, appelée par <link> à son emplacement (HTML valide dans le body) */
.fdc-map-nav{position:absolute;z-index:1040;top:14px;left:50%;display:flex;align-items:center;gap:4px;max-width:calc(100% - 32px);padding:4px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(17,49,67,.2);transform:translateX(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:none}
.fdc-map-nav::-webkit-scrollbar{display:none}
.fdc-map-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 15px;border-radius:999px;color:#113143;font-size:.78rem;font-weight:800;line-height:1.1;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.fdc-map-nav a:hover,.fdc-map-nav a:focus-visible{background:#eef2f4;color:#113143;outline:none}
.fdc-map-nav a.is-active{background:#fcd42b;color:#113143}
/* La barre flotte en haut au centre de la carte : on décale sous elle (58px) ce qu'elle recouvrait */
@media (min-width:768px){
  .carte-fullscreen .fdc-circ{top:64px}
}
@media (min-width:900px){
  .carte-corso-fullscreen .cc-panel{top:64px;max-height:calc(100% - 80px)}
}
@media (min-width:768px) and (max-width:899.98px){
  .carte-fullscreen .fdc-actions{top:64px}
  .carte-fullscreen .fdc-circ{top:112px}
}
/* < 900px : le panneau des corsos est un tiroir en bas de carte (carte-corso.html) ; zoom sous la barre */
@media (max-width:899.98px){
  .carte-corso-fullscreen .leaflet-top,.carte-fullscreen .leaflet-top{top:52px}
  .carte-corso-fullscreen .cc.is-stack .cc-panel{background:rgba(255,255,255,.97);max-height:48%}
  .carte-corso-fullscreen .cc-legend{gap:4px 12px;margin-top:10px;font-size:.78rem}
}
/* Libellés courts sur mobile pour que les 3 onglets tiennent sans défiler */
.fdc-map-nav__court{display:none}
@media (max-width:767.98px){
  .fdc-map-nav{top:10px;max-width:calc(100% - 20px)}
  .fdc-map-nav__long{display:none}
  .fdc-map-nav__court{display:inline}
  .fdc-map-nav a{min-height:36px;padding:7px 12px;font-size:.72rem}
}