/* Destinations pêche : la grille cliquable, la fiche de chaque destination et les crédits des photos. */
.mm-dest a { color: var(--wp--preset--color--accent); }
.mm-dest-sommaire { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 2rem; }
.mm-dest-sommaire a {
	padding: .45rem 1rem; border-radius: 999px; background: var(--wp--preset--color--brume); border: 1px solid var(--wp--preset--color--trait);
	color: var(--wp--preset--color--blanc); text-decoration: none; font-size: .9rem; font-weight: 600;
}
.mm-dest-sommaire a:hover { border-color: var(--wp--preset--color--accent); }
.mm-dest-groupe { margin: 0 0 2.6rem; scroll-margin-top: 6rem; }
.mm-dest-groupe > h2 { margin: 0 0 1rem; }

/* ——— La grille ——— */
.mm-dest-grille { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.mm-dest-grille li { scroll-margin-top: 6rem; }
.mm-dest-carte {
	display: flex; flex-direction: column; height: 100%; overflow: hidden; text-decoration: none;
	background: var(--wp--preset--color--brume); border: 1px solid var(--wp--preset--color--trait); border-radius: 10px;
	transition: border-color .15s, transform .15s;
}
.mm-dest a.mm-dest-carte { color: var(--wp--preset--color--blanc); }
.mm-dest-carte:hover, .mm-dest-carte:focus-visible { border-color: var(--wp--preset--color--accent); transform: translateY(-2px); }
.mm-dest-grille li:target .mm-dest-carte { border-color: var(--wp--preset--color--accent); box-shadow: 0 0 0 2px var(--wp--preset--color--accent); }
.mm-dest-carte-photo { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--wp--preset--color--vert-moyen); }
.mm-dest-carte-photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.mm-dest-carte:hover .mm-dest-carte-photo img { transform: scale(1.04); }
.mm-dest-carte-texte { display: flex; flex-direction: column; gap: .2rem; flex: 1; padding: .8rem 1rem 1rem; }
.mm-dest-pays { font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--wp--preset--color--brun); }
.mm-dest-carte-texte strong { font-size: 1.15rem; }
.mm-dest-carte-poissons { font-size: .875rem; color: var(--wp--preset--color--gris); }
.mm-dest-carte-lire { margin-top: auto; padding-top: .5rem; font-size: .875rem; font-weight: 600; color: var(--wp--preset--color--accent); }

.mm-dest-credits { margin: 1rem 0; padding: 1rem 1.2rem; background: var(--wp--preset--color--brume); border: 1px solid var(--wp--preset--color--trait); border-radius: 8px; font-size: .875rem; }
.mm-dest-credits summary { cursor: pointer; font-weight: 600; }
.mm-dest-credits ul { margin: .6rem 0 0; padding-left: 1.2rem; }
.mm-dest-credits li { margin: 0 0 .3rem; }
.mm-dest-avertissement { font-size: .875rem; color: var(--wp--preset--color--gris); }

/* ——— La fiche ——— */
.mm-dest-ariane { font-size: .9rem; color: var(--wp--preset--color--gris); }
.mm-dest-ariane a { text-decoration: none; }
.mm-dest-grande { margin: 1rem 0 1.4rem; }
.mm-dest-grande img { width: 100%; max-height: 560px; object-fit: cover; display: block; border-radius: 10px; }
.mm-dest-grande figcaption { margin-top: .45rem; font-size: .8125rem; color: var(--wp--preset--color--gris); }
.mm-dest-grande figcaption span { color: var(--wp--preset--color--blanc); }
.mm-dest-chapeau { font-size: 1.2rem; margin: 0 0 1.4rem; }
.mm-dest-infos { margin: 0 0 1.8rem; padding: .4rem 1.2rem; background: var(--wp--preset--color--brume); border: 1px solid var(--wp--preset--color--trait); border-radius: 10px; }
.mm-dest-infos div { display: grid; grid-template-columns: 8rem 1fr; gap: 1rem; padding: .6rem 0; border-bottom: 1px solid var(--wp--preset--color--trait); }
.mm-dest-infos div:last-child { border-bottom: 0; }
.mm-dest-infos dt { color: var(--wp--preset--color--gris); font-size: .9rem; }
.mm-dest-infos dd { margin: 0; }
.mm-dest-fiches { display: block; margin-top: .2rem; font-size: .875rem; }
.mm-dest-fiche h2 { margin: 1.8rem 0 .6rem; }
.mm-dest-spots { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: .8rem; }
.mm-dest-spots li {
	display: flex; flex-direction: column; gap: .25rem; padding: .9rem 1.1rem;
	background: var(--wp--preset--color--brume); border: 1px solid var(--wp--preset--color--trait); border-left: 3px solid var(--wp--preset--color--accent); border-radius: 8px;
}
.mm-dest-spots span { font-size: .9rem; }
.mm-dest-calendrier { list-style: none; margin: 0; padding: 0 0 0 1.4rem; position: relative; }
.mm-dest-calendrier::before { content: ""; position: absolute; left: .35rem; top: .4rem; bottom: .4rem; width: 2px; background: var(--wp--preset--color--trait); }
.mm-dest-calendrier li { position: relative; display: flex; flex-direction: column; gap: .15rem; margin: 0 0 .9rem; }
.mm-dest-calendrier li::before {
	content: ""; position: absolute; left: -1.35rem; top: .35rem; width: .75rem; height: .75rem; border-radius: 50%;
	background: var(--wp--preset--color--accent);
}
.mm-dest-calendrier strong { color: var(--wp--preset--color--accent); }
.mm-dest-mouches {
	margin: 1rem 0 0; padding: 1rem 1.2rem; background: var(--wp--preset--color--brume);
	border: 1px solid var(--wp--preset--color--trait); border-radius: 8px;
}
.mm-dest-mouches h3 { margin: 0 0 .5rem; font-size: 1rem; }
.mm-dest-mouches ul { list-style: none; margin: 0 0 .7rem; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.mm-dest-mouches li { padding: .25rem .7rem; border-radius: 999px; background: var(--wp--preset--color--dore-pale); border: 1px solid var(--wp--preset--color--trait); font-size: .875rem; }
.mm-dest-mouches p { margin: 0; font-size: .9rem; }
.mm-dest-savoir { margin: 1.8rem 0 0; padding: .2rem 1.3rem 1rem; border: 1px solid var(--wp--preset--color--sauge); border-radius: 10px; }
.mm-dest-savoir h2 { margin: 1rem 0 .5rem; font-size: 1.3rem; }
.mm-dest-savoir ul { margin: 0; padding-left: 1.2rem; }
.mm-dest-savoir li { margin: 0 0 .4rem; }
.mm-dest-conseil {
	margin: 1.8rem 0; padding: 1rem 1.3rem; background: var(--wp--preset--color--dore-pale);
	border-left: 4px solid var(--wp--preset--color--accent); border-radius: 6px;
}
.mm-dest-conseil h2 { margin: 0 0 .4rem; font-size: 1.3rem; }
.mm-dest-conseil p { margin: 0; }
.mm-dest-lien { font-weight: 600; }
.mm-dest-voisins { display: flex; justify-content: space-between; gap: 1rem; margin: 2.4rem 0 0; padding-top: 1.2rem; border-top: 1px solid var(--wp--preset--color--trait); }
.mm-dest-voisins a { display: flex; flex-direction: column; text-decoration: none; font-weight: 600; }
.mm-dest .mm-dest-voisins a { color: var(--wp--preset--color--blanc); }
.mm-dest-voisins a:last-child { text-align: right; }
.mm-dest-voisins span { font-size: .8125rem; font-weight: 400; color: var(--wp--preset--color--accent); }

@media (max-width: 600px) {
	.mm-dest-grille { grid-template-columns: 1fr; }
	.mm-dest-infos div { grid-template-columns: 1fr; gap: .1rem; }
}