/* Rétablit les comportements que le jQuery legacy assurait (non porté). */

/* Menu déroulant révélé au survol (JS d'origine → CSS pur). */
#menutop .sous_menu_lien:hover .sous_menu { display: block !important; }

/* #navigation (barre mobile ☰) était caché en desktop via un style inline + JS.
   On le cache donc hors media-query ; mobile.css le ré-affiche en ≤768px
   (display:block !important), donc ceci n'impacte que le desktop. */
#navigation { display: none; }

/* Menu mobile : le toggle Svelte ajoute .ouvert-mobile sur #navigation
   (remplace la classe .expanded pilotée par menu_sticky.js). */
#navigation.ouvert-mobile #navigation_list { display: block; }

/* Bloc focus : l'ancien site avait des titres courts (1 ligne) dans un encadré
   à hauteur fixe (193px). Nos titres de guides sont longs → on clippe titre et
   sous-titre à une ligne pour respecter la densité d'origine sans déborder. */
.focus { overflow: hidden; }
.focus .page-article .article-titre p,
.focus .page-article .article-titre .auteur {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Liens-carte des contenus : le renderer du rework émet .carte-lien.rarete-N
   (avec tiret), la CSS legacy ciblait .rareteN. On reporte les couleurs de
   rareté d'origine (zecha.css) sur la classe du rework. Le popover au survol
   est géré par le composant CartePopover (hooke a[href^="/carte/voir/"]). */
.carte-lien { text-decoration: none; font-weight: bold; }
.carte-lien.rarete-1 { color: #5eb85b; }
.carte-lien.rarete-1:hover { color: #458f43; }
.carte-lien.rarete-2 { color: #3c3c3c; }
.carte-lien.rarete-2:hover { color: #000; }
.carte-lien.rarete-3 { color: #0070dd; }
.carte-lien.rarete-3:hover { color: #03488a; }
.carte-lien.rarete-4 { color: #a335ee; }
.carte-lien.rarete-4:hover { color: #460374; }
.carte-lien.rarete-5 { color: #ff8000; }
.carte-lien.rarete-5:hover { color: #ac4501; }

/* Galeries de cartes [cartes_galerie] : le rework émet .cartes-galerie/.carte-tuile
   (app.css n'est plus chargé dans le clone) ; on reproduit ici la grille
   legacy #cartes_galerie.cartes_news / .carte_galerie_container. */
.cartes-galerie {
	text-align: center;
	margin: 10px 0;
}
.carte-tuile {
	display: inline-block;
	width: 27%;
	margin: 10px 20px 0 0;
	vertical-align: top;
}
.carte-tuile img { width: 100%; }
.carte-tuile:only-child { width: 250px !important; }

/* Titres dans un well : bootstrap.css met `h1,h2 { color:#fff; text-shadow }`
   (correct sur le fond sombre : sidebar, titres de section) mais le legacy ne
   corrige que `.well h1`. Sur fond crème (well), un h2/h3 blanc + ombre dure est
   illisible → on les repasse en sombre sans ombre, comme `.well h1`. */
.well h2,
.well h3,
.well h4 {
	color: #333;
	text-shadow: none;
}

/* Fiche carte : #portrait-carte (float:right) et #informations-cartes
   (float:left) sont tous deux flottants et zecha.css ne clearfixe jamais
   .well.carte — sur l'ancien site déjà, une description longue (donc une
   table plus haute que le portrait) déborde de la boîte crème. On corrige en
   donnant à .well.carte un contexte de formatage propre (hauteur = contenu
   réel), sans toucher à l'apparence du cas normal. */
.well.carte { overflow: hidden; }