/* ==========================================================================
   Fiche « fiche-itineraire » : fil d'Ariane, contenu à gauche, carte + profil à droite
   ========================================================================== */

.bridge-fiche.fiche-itineraire > #crumbs {
	padding: 22px max(24px, calc((100% - 1320px) / 2));
	font-size: 14px;
	line-height: 22px;
	color: var(--fd-text);
	background: var(--fd-light);
}
.bridge-fiche.fiche-itineraire > #crumbs a { font-weight: 500; color: var(--fd-title); text-decoration: none; transition: color 0.3s; }
.bridge-fiche.fiche-itineraire > #crumbs a:hover { color: var(--fd-primary); }
.bridge-fiche.fiche-itineraire > #crumbs .separator { margin: 0 8px; font-family: "Bebas Neue", sans-serif; font-size: 18px; color: var(--fd-primary); }

/* Grille pleine largeur -> contenue sur 1320px avec gouttière */
.bridge-fiche.fiche-itineraire #detailfiche { padding: 60px 24px 0; }
.bridge-fiche.fiche-itineraire #detailfiche > .uk-grid {
	flex-wrap: nowrap;
	gap: 40px;
	max-width: 1320px;
	margin: 0 auto;
}
.bridge-fiche.fiche-itineraire #mainfiche { flex: 1 1 auto; width: auto; min-width: 0; }
.bridge-fiche.fiche-itineraire #detailfiche > .uk-grid > aside { flex: 0 0 40%; width: 40%; }

/* Titre : on remplace le bandeau bleu UIkit par le titre de la maquette */
.bridge-fiche.fiche-itineraire .entete.uk-section-primary {
	padding: 0 0 26px !important;
	text-align: left !important;
	background: none;
}
.bridge-fiche.fiche-itineraire .entete .bridge-titre-fiche { color: var(--fd-title); }
.bridge-fiche.fiche-itineraire .entete .pictogrammes { margin-top: 16px; }

/* Diaporama */
.bridge-fiche.fiche-itineraire #mainfiche > .uk-slideshow { overflow: hidden; border-radius: 20px; }
.bridge-fiche.fiche-itineraire #mainfiche > .uk-slideshow .uk-slideshow-items img { width: 100%; height: 100%; object-fit: cover; } /* pas d'uk-cover sur ce modèle */
.bridge-fiche.fiche-itineraire #mainfiche > .uk-slideshow .uk-slidenav {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0;
	margin: 0 16px;
	color: #fff;
	background: var(--fd-title);
	border-radius: 50%;
	opacity: 1;
	transition: background-color 0.3s;
}
.bridge-fiche.fiche-itineraire #mainfiche > .uk-slideshow .uk-slidenav:hover { background: var(--fd-primary); }
.bridge-fiche.fiche-itineraire #mainfiche > .uk-slideshow .uk-slidenav svg { width: 9px; height: 16px; }

/* Descriptif et onglets */
.bridge-fiche.fiche-itineraire #mainfiche > .uk-section-default {
	padding: 36px 0 0 !important;
	background: none;
}

/* Colonne droite : carte du tracé + encart profil altimétrique */
.bridge-fiche.fiche-itineraire aside .localisation {
	margin: 0 0 20px;
	overflow: hidden;
	border-radius: 20px;
}
.bridge-fiche.fiche-itineraire aside .localisation .leaflet-container { height: 420px; }
.bridge-fiche.fiche-itineraire aside .uk-card {
	overflow: hidden;
	background: var(--fd-light);
	border-radius: 20px;
	box-shadow: none;
}
.bridge-fiche.fiche-itineraire aside .uk-card-body { padding: 28px 30px 16px; text-align: left !important; }
.bridge-fiche.fiche-itineraire aside .graph { text-align: left !important; }
.bridge-fiche.fiche-itineraire aside .graph h3 {
	margin: 0 0 14px;
	font-family: "Bebas Neue", sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.15;
	color: var(--fd-title);
}
.bridge-fiche.fiche-itineraire aside .graph [id^="container-coupetopo"] {
	padding: 14px 10px 6px;
	background: #fff;
	border-radius: 14px;
}
.bridge-fiche.fiche-itineraire aside .coordonnees {
	position: relative;
	margin: 20px 0 !important;
	padding: 0 0 0 28px;
	font-size: 15px;
	line-height: 24px;
}
.bridge-fiche.fiche-itineraire aside .uk-card-body > .uk-grid { margin-left: 0; margin-top: 16px; }
.bridge-fiche.fiche-itineraire aside .uk-card-body > .uk-grid > * { padding-left: 0; }
.bridge-fiche.fiche-itineraire aside .uk-button {
	display: block;
	width: 100%;
	margin: 0 0 12px;
	padding: 13px 24px;
	font-family: "Inter", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
	text-transform: none;
	color: #fff;
	background: var(--fd-title);
	border: 0;
	border-radius: 10px;
	transition: background-color 0.3s;
}
.bridge-fiche.fiche-itineraire aside .uk-button:hover { background: var(--fd-primary); color: #fff; }
.bridge-fiche.fiche-itineraire aside .uk-button.site-s-web { background: var(--fd-primary); }
.bridge-fiche.fiche-itineraire aside .uk-button.site-s-web:hover { background: var(--fd-title); }

@media (max-width: 959px) {
	.bridge-fiche.fiche-itineraire #detailfiche { padding-top: 36px; }
	.bridge-fiche.fiche-itineraire #detailfiche > .uk-grid { flex-wrap: wrap; gap: 32px; }
	.bridge-fiche.fiche-itineraire #mainfiche,
	.bridge-fiche.fiche-itineraire #detailfiche > .uk-grid > aside { flex: 1 1 100%; width: 100%; }
	.bridge-fiche.fiche-itineraire aside .localisation .leaflet-container { height: 320px; }
}