/* ==========================================================================
   Fiche « fiche7 » (restaurants…) : titre + infos pratiques + carte dans la colonne de droite
   (infos pratiques : voir fiches.css)
   ========================================================================== */

.bridge-fiche.fiche-7 .bridge-fiche-aside .bridge-titre-fiche { margin-bottom: 20px; font-size: 46px; line-height: 1.05; }

/* Sommaire horizontal en pilule (comme fiche5) */
.bridge-fiche.fiche-7 .bridge-fiche-sommaire { margin: 30px 0 40px; }
.bridge-fiche.fiche-7 div.sommaire > .uk-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 6px;
	border-radius: 60px;
}
.bridge-fiche.fiche-7 div.sommaire > .uk-nav > li,
.bridge-fiche.fiche-7 div.sommaire > .uk-nav.uk-list-divider > li:nth-child(n+2) {
	margin: 0;
	padding: 0;
	border: 0;
}
.bridge-fiche.fiche-7 div.sommaire > .uk-nav > li > a {
	padding: 10px 20px;
	font-size: 18px;
	border: 0;
	border-radius: 40px;
	transition: background-color 0.3s, color 0.3s;
}
.bridge-fiche.fiche-7 div.sommaire > .uk-nav > li > a .itemIcon { margin-right: 6px; color: var(--fd-primary); }
.bridge-fiche.fiche-7 div.sommaire > .uk-nav > li.uk-text-bold > a { color: #fff; background: var(--fd-primary); }
.bridge-fiche.fiche-7 div.sommaire > .uk-nav > li.uk-text-bold > a .itemIcon { color: #fff; }

/* fiche7 sur mobile : le titre (dans la colonne de droite) remonte au-dessus de la galerie */
@media (max-width: 639px) {
	.bridge-fiche.fiche-7 .bridge-fiche-details { display: flex; flex-direction: column; margin-left: 0; }
	.bridge-fiche.fiche-7 .bridge-fiche-details > * { padding-left: 0; }
	.bridge-fiche.fiche-7 .bridge-fiche-aside { display: contents !important; } /* style="display:block" en ligne */
	.bridge-fiche.fiche-7 .bridge-fiche-aside > .bridge-titre-fiche { order: -1; margin-bottom: 20px; font-size: 38px; }
	.bridge-fiche.fiche-7 .bridge-fiche-aside > :not(.bridge-titre-fiche) { order: 1; }
	.bridge-fiche.fiche-7 .bridge-fiche-aside > .bridge_infos_pratiques { margin-top: 30px; }
	.bridge-fiche.fiche-7 .bridge-fiche-aside > .localisation .leaflet-container { height: 260px; }
}