/*
 * Croisière à la cabine + fiches bateau détaillées (29/10/2026), V2 après retours Baptiste :
 * - haut de page = hero pâle du site (header transparent par-dessus, fil d'Ariane superposé) ;
 * - sous-menu = composant d'onglets du site (.sl-tabs-anchors), calé sur la hauteur réelle du header,
 *   et fondu avec lui quand il est collé (un seul trait, une seule ombre) ;
 * - grilles à nombre de colonnes fixé par le nombre de cartes (--cc-cols), pas de carte orpheline ;
 * - espacements alignés sur l'échelle du design system (--sl-space-*).
 * Chargé uniquement sur les gabarits croisière et les fiches bateau (inc/enqueue.php).
 */

:root { --sl-cc-hdr: var(--sl-header-h); } /* hauteur réelle du header, mise à jour par croisiere.js */

/* ---------- Haut de page (hero pâle du site + compléments) ---------- */
.sl-cc-hero .sl-hero__title { max-width: 22ch; }
.sl-cc-hero .sl-hero__lead { max-width: 62ch; margin-top: var(--sl-space-6); font-size: var(--sl-fs-md); line-height: 1.6; }
.sl-cc-hero .sl-cta-row { margin-top: var(--sl-space-8); }
.sl-cc-chips { display: flex; flex-wrap: wrap; gap: var(--sl-space-3); list-style: none; padding: 0; margin: var(--sl-space-8) 0 0; }
.sl-cc-chips li {
	display: inline-flex; align-items: center; gap: 0.55rem;
	padding: 0.6rem 1.1rem;
	border-radius: var(--sl-radius-full);
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid var(--sl-color-border);
	box-shadow: var(--sl-shadow-sm);
	backdrop-filter: blur(6px);
	font-size: var(--sl-fs-sm);
	font-weight: var(--sl-fw-semi);
	color: var(--sl-color-anchor);
}
.sl-cc-chips li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--sl-color-brand); flex-shrink: 0; }

/* ---------- Sous-menu collant : composant .sl-tabs-anchors du site ---------- */
.sl-tabs-anchors, .sl-boat-tabs { top: var(--sl-cc-hdr); transition: box-shadow var(--sl-duration) var(--sl-ease); }
.sl-tabs-anchors.sl-cc-tabs { overflow: visible; }
.sl-cc-tabs > .sl-container { display: flex; align-items: center; gap: var(--sl-space-6); }
.sl-cc-tabs ul { flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.sl-cc-tabs ul::-webkit-scrollbar { display: none; }
.sl-cc-tabs__cta { display: none !important; } /* doublon : bouton Devis du header (ordinateur) et barre mobile du site */
/* Collé sous le header : un seul bloc (le header perd son trait et son ombre, les onglets les portent). */
html.sl-tabs-stuck .sl-header.is-scrolled { box-shadow: none; border-bottom-color: transparent; }
html.sl-tabs-stuck .sl-tabs-anchors { box-shadow: var(--sl-shadow-sm); }

/* ---------- Mise en page : contenu + encart devis ---------- */
.sl-cc-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sl-space-12); padding-block: clamp(3.5rem, 7vw, 6rem); }
@media (min-width: 1100px) {
	.sl-cc-layout { grid-template-columns: minmax(0, 1fr) 360px; gap: clamp(3.5rem, 5vw, 5.5rem); }
	.sl-cc-tabs__cta { display: none; }
}
.sl-cc-main { min-width: 0; }
.sl-cc-block {
	scroll-margin-top: calc(var(--sl-cc-hdr) + 90px);
	padding-bottom: clamp(3.5rem, 7vw, 5.5rem);
	margin-bottom: clamp(3.5rem, 7vw, 5.5rem);
	border-bottom: 1px solid var(--sl-color-border);
}
.sl-cc-block:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.sl-cc-block > .sl-eyebrow { margin-bottom: var(--sl-space-3); }
.sl-cc-block > .sl-h2 { margin: 0 0 var(--sl-space-8); max-width: 26ch; }
.sl-cc-block .sl-prose { max-width: 70ch; }
.sl-cc-block .sl-prose p { margin-bottom: var(--sl-space-5); line-height: 1.75; }
.sl-cc-h3 { font-size: var(--sl-fs-xl); font-weight: var(--sl-fw-bold); color: var(--sl-color-anchor); margin: var(--sl-space-12) 0 var(--sl-space-5); line-height: 1.25; }

/* Grilles : colonnes = nombre de cartes (max 4), 2 en tablette, 1 en mobile. */
.sl-cc-grid { display: grid; gap: var(--sl-space-6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .sl-cc-grid { grid-template-columns: repeat(min(2, var(--cc-cols, 3)), minmax(0, 1fr)); } }
@media (min-width: 1024px) { .sl-cc-grid { grid-template-columns: repeat(var(--cc-cols, 3), minmax(0, 1fr)); } }
.sl-cc-main .sl-cc-grid { gap: var(--sl-space-5); }

/* ---------- Encart devis ---------- */
.sl-cc-aside { display: none; }
@media (min-width: 1100px) {
	.sl-cc-aside { display: block; }
	.sl-cc-quote--aside { position: sticky; top: calc(var(--sl-cc-hdr) + 92px); }
}
.sl-cc-quote {
	background: #fff;
	border: 1px solid var(--sl-color-border);
	border-radius: var(--sl-radius-lg);
	box-shadow: var(--sl-shadow-md);
	padding: var(--sl-space-8);
	display: flex;
	flex-direction: column;
	gap: var(--sl-space-3);
}
.sl-cc-quote__from { margin: 0; font-size: var(--sl-fs-xs); color: var(--sl-color-text-soft); text-transform: uppercase; letter-spacing: 0.1em; font-weight: var(--sl-fw-semi); }
.sl-cc-quote__price { margin: 0; font-size: 2.5rem; font-weight: 800; color: var(--sl-color-anchor); line-height: 1; letter-spacing: -0.02em; }
.sl-cc-quote__unit { margin: 0 0 var(--sl-space-3); color: var(--sl-color-text-soft); font-size: var(--sl-fs-sm); line-height: 1.5; }
.sl-cc-quote__text { margin: 0 0 var(--sl-space-3); font-size: var(--sl-fs-sm); line-height: 1.65; padding-top: var(--sl-space-4); border-top: 1px solid var(--sl-color-border); }
.sl-cc-quote__btn { width: 100%; }
.sl-cc-quote__list { list-style: none; padding: var(--sl-space-4) 0 0; margin: var(--sl-space-2) 0 0; display: grid; gap: var(--sl-space-3); font-size: var(--sl-fs-sm); color: var(--sl-color-text-soft); border-top: 1px solid var(--sl-color-border); }
.sl-cc-quote__list li { display: flex; gap: 0.6rem; line-height: 1.45; }
.sl-cc-quote__list li::before { content: "✓"; color: var(--sl-color-mint); font-weight: 700; flex-shrink: 0; }
.sl-cc-mobilebar { display: none; } /* le site a déjà sa barre mobile Appeler / WhatsApp / Devis */

/* ---------- L'essentiel ---------- */
.sl-cc-forts { margin-top: var(--sl-space-10); }
.sl-cc-fort { background: var(--sl-color-brand-pale); border-radius: var(--sl-radius-lg); padding: var(--sl-space-6) var(--sl-space-6) var(--sl-space-8); }
.sl-cc-fort__title { font-size: var(--sl-fs-md); font-weight: var(--sl-fw-bold); color: var(--sl-color-anchor); margin: 0 0 var(--sl-space-3); line-height: 1.3; }
.sl-cc-fort p { margin: 0; font-size: var(--sl-fs-sm); line-height: 1.65; }

/* ---------- Programme + carte ---------- */
.sl-cc-itin { display: grid; gap: var(--sl-space-10); margin-top: var(--sl-space-10); }
@media (min-width: 1280px) {
	.sl-cc-itin--map { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; }
	.sl-cc-itin--map .sl-cc-map { position: sticky; top: calc(var(--sl-cc-hdr) + 92px); }
}
.sl-cc-map { margin: 0; }
.sl-cc-map__canvas { position: relative; border-radius: var(--sl-radius-lg); overflow: hidden; border: 1px solid var(--sl-color-border); background: #eef7fc; aspect-ratio: 1000 / 1050; box-shadow: var(--sl-shadow-sm); }
.sl-cc-map__canvas img, .sl-cc-map__svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.sl-cc-map__trace { fill: none; stroke: rgba(28, 155, 219, 0.18); stroke-width: 3; stroke-dasharray: 2 7; stroke-linecap: round; }
.sl-cc-map__route { fill: none; stroke: var(--sl-color-brand); stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.25s, stroke-width 0.25s, opacity 0.25s; }
.sl-cc-map__route.is-dim { opacity: 0.25; }
.sl-cc-map__route.is-hi { stroke: var(--sl-color-brand-darker); stroke-width: 5; }
.sl-cc-map__stop circle { fill: #fff; stroke: var(--sl-color-brand); stroke-width: 3.5; transition: r 0.2s, fill 0.2s; }
.sl-cc-map__stop text { font: 600 27px var(--sl-font-sans); fill: var(--sl-color-anchor); paint-order: stroke; stroke: rgba(255, 255, 255, 0.92); stroke-width: 6px; stroke-linejoin: round; }
.sl-cc-map__stop.is-hi circle { fill: var(--sl-color-brand); r: 10; }
.sl-cc-map__boat circle { fill: var(--sl-color-anchor); }
.sl-cc-map__boat path { fill: none; stroke: #fff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.sl-cc-map__boat { opacity: 0; transition: opacity 0.3s; }
.sl-cc-map.is-playing .sl-cc-map__boat, .sl-cc-map.is-done .sl-cc-map__boat { opacity: 1; }
.sl-cc-map__cap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--sl-space-3); margin-top: var(--sl-space-4); font-size: var(--sl-fs-xs); color: var(--sl-color-text-soft); }
.sl-cc-map__replay { background: none; border: 0; padding: 0; color: var(--sl-color-brand); font: inherit; font-weight: var(--sl-fw-semi); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }

.sl-cc-days { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sl-space-4); }
.sl-cc-day {
	position: relative;
	padding: var(--sl-space-6) var(--sl-space-8);
	border-radius: var(--sl-radius-lg);
	background: var(--sl-color-bg-soft);
	border: 1px solid transparent;
	transition: border-color var(--sl-duration) var(--sl-ease), background var(--sl-duration) var(--sl-ease), box-shadow var(--sl-duration) var(--sl-ease);
	outline: none;
}
.sl-cc-day.is-hi, .sl-cc-day:focus-visible { border-color: rgba(28, 155, 219, 0.35); background: #fff; box-shadow: var(--sl-shadow-md); }
.sl-cc-day__num { margin: 0 0 var(--sl-space-2); font-size: var(--sl-fs-xs); text-transform: uppercase; letter-spacing: 0.12em; color: var(--sl-color-brand); font-weight: var(--sl-fw-bold); }
.sl-cc-day__title { margin: 0 0 var(--sl-space-3); font-size: var(--sl-fs-lg); font-weight: var(--sl-fw-bold); color: var(--sl-color-anchor); line-height: 1.3; }
.sl-cc-day__text p { margin: 0 0 var(--sl-space-3); font-size: var(--sl-fs-sm); line-height: 1.7; }
.sl-cc-day__meta { display: flex; flex-wrap: wrap; gap: var(--sl-space-2) var(--sl-space-3); margin: var(--sl-space-4) 0 0; }
.sl-cc-day__meta span { padding: 0.3rem 0.75rem; border-radius: var(--sl-radius-full); background: #fff; border: 1px solid var(--sl-color-border); font-size: var(--sl-fs-xs); color: var(--sl-color-text-soft); font-weight: var(--sl-fw-semi); }

/* ---------- Bateau et cabines ---------- */
.sl-cc-specs { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--sl-space-4); margin: 0 0 var(--sl-space-10); }
.sl-cc-specs div { background: var(--sl-color-sand-light); border-radius: var(--sl-radius-md); padding: var(--sl-space-5); }
.sl-cc-specs dt { font-size: var(--sl-fs-xs); text-transform: uppercase; letter-spacing: 0.08em; color: var(--sl-color-text-soft); font-weight: var(--sl-fw-semi); }
.sl-cc-specs dd { margin: var(--sl-space-2) 0 0; font-weight: var(--sl-fw-bold); color: var(--sl-color-anchor); line-height: 1.35; }
.sl-cc-gallery { margin: var(--sl-space-10) 0; }
.sl-cc-gallery .sl-section { padding: 0; }
.sl-cc-gallery .sl-container { padding-inline: 0; }
.sl-cc-cabins { margin-top: var(--sl-space-6); }
.sl-cc-cabin { border: 1px solid var(--sl-color-border); border-radius: var(--sl-radius-lg); overflow: hidden; background: #fff; box-shadow: var(--sl-shadow-sm); }
.sl-cc-cabin img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.sl-cc-cabin__body { padding: var(--sl-space-6); }
.sl-cc-cabin__title { margin: 0; font-size: var(--sl-fs-md); font-weight: var(--sl-fw-bold); color: var(--sl-color-anchor); }
.sl-cc-cabin__price { margin: var(--sl-space-2) 0 var(--sl-space-4); color: var(--sl-color-brand); font-weight: var(--sl-fw-bold); font-size: var(--sl-fs-sm); }
.sl-cc-cabin__body p:last-child { margin: 0; font-size: var(--sl-fs-sm); line-height: 1.65; }

/* ---------- Tarifs ---------- */
.sl-cc-table-wrap { overflow-x: auto; margin-top: var(--sl-space-6); border-radius: var(--sl-radius-lg); border: 1px solid var(--sl-color-border); }
.sl-cc-table { width: 100%; border-collapse: collapse; font-size: var(--sl-fs-sm); }
.sl-cc-table th, .sl-cc-table td { padding: 1rem 1.25rem; text-align: left; border-bottom: 1px solid var(--sl-color-border); }
.sl-cc-table tbody tr:last-child th, .sl-cc-table tbody tr:last-child td { border-bottom: 0; }
.sl-cc-table thead th { background: var(--sl-color-anchor); color: #fff; font-weight: var(--sl-fw-semi); }
.sl-cc-table tbody th { font-weight: var(--sl-fw-semi); color: var(--sl-color-anchor); }
.sl-cc-table td { font-weight: var(--sl-fw-semi); white-space: nowrap; }
.sl-cc-table tbody tr:nth-child(even) { background: var(--sl-color-bg-soft); }
@media (max-width: 640px) {
	.sl-cc-table-wrap { border: 0; }
	.sl-cc-table thead { display: none; }
	.sl-cc-table, .sl-cc-table tbody, .sl-cc-table tr, .sl-cc-table th, .sl-cc-table td { display: block; width: 100%; }
	.sl-cc-table tr { border: 1px solid var(--sl-color-border); border-radius: var(--sl-radius-md); margin-bottom: var(--sl-space-4); overflow: hidden; }
	.sl-cc-table tbody th { background: var(--sl-color-anchor); color: #fff; }
	.sl-cc-table td { display: flex; justify-content: space-between; gap: 1rem; }
	.sl-cc-table td::before { content: attr(data-label); font-weight: var(--sl-fw-regular); color: var(--sl-color-text-soft); white-space: normal; }
}
.sl-cc-notes { margin-top: var(--sl-space-6); font-size: var(--sl-fs-sm); color: var(--sl-color-text-soft); }

/* ---------- Inclus ---------- */
.sl-cc-incl { margin-top: var(--sl-space-6); }
.sl-cc-incl__col { border-radius: var(--sl-radius-lg); padding: var(--sl-space-8); }
.sl-cc-incl__col--yes { background: var(--sl-color-brand-pale); }
.sl-cc-incl__col--no { background: var(--sl-color-bg-soft); }
.sl-cc-incl__col .sl-cc-h3 { margin: 0 0 var(--sl-space-5); font-size: var(--sl-fs-lg); }
.sl-cc-incl ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sl-space-3); font-size: var(--sl-fs-sm); line-height: 1.55; }
.sl-cc-incl li { position: relative; padding-left: 1.6rem; }
.sl-cc-incl__col--yes li::before { content: "✓"; position: absolute; left: 0; color: var(--sl-color-mint); font-weight: 700; }
.sl-cc-incl__col--no li::before { content: ""; position: absolute; left: 0.2rem; top: 0.7em; width: 0.6rem; height: 2px; background: var(--sl-color-ink-400); }

/* ---------- Infos pratiques ---------- */
.sl-cc-infos { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sl-space-6) var(--sl-space-10); margin: var(--sl-space-4) 0 0; }
@media (min-width: 640px) { .sl-cc-infos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sl-cc-infos div { border-top: 2px solid var(--sl-color-brand-soft); padding-top: var(--sl-space-4); }
.sl-cc-infos dt { font-weight: var(--sl-fw-bold); color: var(--sl-color-anchor); margin-bottom: var(--sl-space-2); }
.sl-cc-infos dd { margin: 0; font-size: var(--sl-fs-sm); line-height: 1.65; }

/* ---------- FAQ ---------- */
.sl-cc-faq { display: grid; gap: var(--sl-space-3); }
.sl-cc-faq__item { border: 1px solid var(--sl-color-border); border-radius: var(--sl-radius-lg); background: #fff; transition: box-shadow var(--sl-duration) var(--sl-ease); }
.sl-cc-faq__item[open] { box-shadow: var(--sl-shadow-md); }
.sl-cc-faq__item summary { cursor: pointer; list-style: none; padding: var(--sl-space-6) 3.75rem var(--sl-space-6) var(--sl-space-8); position: relative; }
.sl-cc-faq__item summary::-webkit-details-marker { display: none; }
.sl-cc-faq__item summary::after { content: "+"; position: absolute; right: var(--sl-space-8); top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: var(--sl-color-brand); }
.sl-cc-faq__item[open] summary::after { content: "–"; }
.sl-cc-faq__item summary h3 { margin: 0; font-size: var(--sl-fs-md); font-weight: var(--sl-fw-semi); color: var(--sl-color-anchor); line-height: 1.4; }
.sl-cc-faq__item .sl-prose { padding: 0 var(--sl-space-8) var(--sl-space-6); font-size: var(--sl-fs-sm); }

/* ---------- Cartes à photo (autres façons de naviguer, destinations du hub) : style des tuiles bento de l'accueil ---------- */
.sl-cc-cards { margin-top: var(--sl-space-8); }
.sl-cc-dests { margin-top: var(--sl-space-10); }
.sl-cc-dest {
	position: relative; display: flex; flex-direction: column; justify-content: flex-end;
	min-height: 440px; border-radius: 28px; overflow: hidden; color: #fff; text-decoration: none;
	background: var(--sl-color-anchor) var(--sl-cc-dest) center / cover no-repeat;
	transition: transform var(--sl-duration) var(--sl-ease), box-shadow var(--sl-duration) var(--sl-ease);
}
.sl-cc-cards .sl-cc-dest { min-height: 360px; }
.sl-cc-dest::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(38, 38, 38, 0.88) 100%); }
.sl-cc-dest > * { position: relative; z-index: 1; }
a.sl-cc-dest:hover { transform: translateY(-4px); box-shadow: var(--sl-shadow-lg); color: #fff; }
.sl-cc-dest__body { padding: clamp(1.6rem, 2.2vw, 2.4rem); display: flex; flex-direction: column; gap: var(--sl-space-3); }
.sl-cc-dest__tag { align-self: flex-start; padding: 0.4rem 0.85rem; border-radius: var(--sl-radius-full); background: var(--sl-color-brand); font-size: 0.68rem; font-weight: var(--sl-fw-bold); text-transform: uppercase; letter-spacing: var(--sl-tracking-wide); }
.sl-cc-dest--soon .sl-cc-dest__tag { background: rgba(255, 255, 255, 0.18); backdrop-filter: blur(8px); }
.sl-cc-dest__title { margin: 0; font-size: clamp(1.35rem, 2vw, 1.75rem); font-weight: 800; color: #fff; line-height: 1.2; }
.sl-cc-dest__text { margin: 0; font-size: var(--sl-fs-sm); line-height: 1.6; color: rgba(255, 255, 255, 0.92); }
.sl-cc-dest__text a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.sl-cc-dest__cta {
	align-self: flex-start; margin-top: var(--sl-space-2);
	display: inline-flex; align-items: center; gap: 0.4em;
	background: rgba(255, 255, 255, 0.16); backdrop-filter: blur(6px);
	padding: 0.55rem 1.15rem; border-radius: var(--sl-radius-full);
	font-size: var(--sl-fs-sm); font-weight: var(--sl-fw-semi);
}
.sl-cc-links-note { margin-top: var(--sl-space-8); font-size: var(--sl-fs-sm); color: var(--sl-color-text-soft); }
.sl-cc-links-note a { color: var(--sl-color-brand); }

/* ---------- Hub : étapes, profils, en-têtes de section ---------- */
.sl-cc-steps { counter-reset: step; margin-top: var(--sl-space-10); }
.sl-cc-step { background: var(--sl-color-bg-soft); border-radius: var(--sl-radius-lg); padding: var(--sl-space-8) var(--sl-space-6) var(--sl-space-10); }
.sl-cc-step::before { counter-increment: step; content: counter(step, decimal-leading-zero); display: block; font-weight: 800; color: var(--sl-color-brand); font-size: var(--sl-fs-2xl); margin-bottom: var(--sl-space-4); }
.sl-cc-step h3 { margin: 0 0 var(--sl-space-3); font-size: var(--sl-fs-md); color: var(--sl-color-anchor); line-height: 1.3; }
.sl-cc-step p { margin: 0; font-size: var(--sl-fs-sm); line-height: 1.65; }
.sl-cc-public { margin-top: var(--sl-space-10); }
.sl-cc-public > div { border-top: 3px solid var(--sl-color-brand); padding-top: var(--sl-space-5); }
.sl-cc-public h3 { margin: 0 0 var(--sl-space-3); font-size: var(--sl-fs-md); color: var(--sl-color-anchor); }
.sl-cc-public p { margin: 0; font-size: var(--sl-fs-sm); line-height: 1.65; }
.sl-cc-public a { color: var(--sl-color-brand); }
.sl-cc-cta-text a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.sl-cc-section-head { max-width: 760px; }
.sl-cc-section-head .sl-h2 { margin: 0 0 var(--sl-space-5); }
.sl-cc-section-head .sl-prose p { line-height: 1.75; }

/* ---------- Boutons outils (Partager, PDF, WhatsApp) : boutons « ghost » du design system ---------- */
.sl-fiche-tools { display: flex; flex-wrap: wrap; gap: var(--sl-space-3); margin-top: var(--sl-space-5); }
.sl-fiche-tools .sl-btn { gap: 0.5rem; padding: 10px 20px; font-size: var(--sl-fs-sm); font-weight: var(--sl-fw-semi); background: rgba(255, 255, 255, 0.85); border: 1px solid var(--sl-color-border); color: var(--sl-color-anchor); box-shadow: var(--sl-shadow-sm); }
.sl-fiche-tools .sl-btn:hover { background: #fff; border-color: var(--sl-color-brand); color: var(--sl-color-brand); }
.sl-fiche-tools .sl-btn svg { flex-shrink: 0; }

@media (prefers-reduced-motion: reduce) {
	.sl-cc-map__route, .sl-cc-day, .sl-cc-dest { transition: none; }
}