/*
 * Navigation « Deux portes », la feuille du bloc rll/navigation (v1.1.0, novembre 2026).
 * Reprise de wordpress/mu-plugins/rll-navigation/navigation.css (v1.0.0, octobre 2026).
 *
 * Toutes les règles visent `.rll-n` (la barre et le panneau) : sans le bloc, cette feuille ne
 * touche à rien. Ce qui a changé avec le passage aux blocs :
 *   - les jetons pointent vers les couleurs du thème (`--wp--preset--color--*`), et non plus
 *     vers le Kit ; ils vivent sur `:root`, puisque rien ne les enferme plus ;
 *   - les règles qui reconnaissaient l'ancien modèle d'en-tête ont disparu : la disposition
 *     de l'en-tête (logo, barre, action) vit dans la feuille du thème, assets/la-voix.css ;
 *   - « Menu » est un bouton, plus un lien.
 */

:root {
	--rn-papier: var(--wp--preset--color--rllpapier);
	--rn-surface: var(--wp--preset--color--rllsurface);
	--rn-encre: var(--wp--preset--color--text);
	--rn-doux: var(--wp--preset--color--rlldoux);
	--rn-petrole: var(--wp--preset--color--primary);
	--rn-or: var(--wp--preset--color--accent);
	--rn-or-encre: var(--wp--preset--color--rllortexte);
	--rn-sauge: var(--wp--preset--color--secondary);
	--rn-filet: var(--wp--preset--color--rllfilet);
	--rn-champ: var(--wp--preset--color--rllchamp);
	--rn-surprofond: var(--wp--preset--color--rllsurprofond);
	--rn-voile: rgba(14, 33, 31, .5); /* ds-allow-hardcode : l'encre à 50 %, sous le panneau */

	--rn-voix: var(--wp--preset--font-family--titres);
	--rn-sans: var(--wp--preset--font-family--texte);

	--rn-t-xs: 13px;
	--rn-t-s: 14px;
	--rn-t-m: 15px;
	--rn-t-l: 17px;
	--rn-t-xl: 21px;

	--rn-e1: 4px;
	--rn-e2: 8px;
	--rn-e3: 12px;
	--rn-e4: 16px;
	--rn-e5: 20px;
	--rn-e6: 24px;
	--rn-e8: 32px;

	--rn-cible: 48px;
	--rn-cible-sm: 40px;
	--rn-barre-h: 76px;
	--rn-barre-h-mob: 72px;
	--rn-largeur: 1150px;
	--rn-colonne: 600px;
	--rn-gouttiere: var(--wp--custom--gouttiere);
	--rn-logo-h: 52px;
	--rn-logo-l: 186px;
	--rn-logo-l-tab: 150px;
	--rn-logo-h-tab: 60px;
	--rn-sm-l: 340px;
	--rn-sm-l-large: 460px;
	--rn-pont: 14px;
	--rn-icone: 18px;
	--rn-chevron: 12px;
	--rn-tiret: 10px;
	--rn-chevron-l: 32px;

	--rn-trait: 1px;
	--rn-trait-fort: 2px;
	--rn-trait-or: 3px;
	--rn-decalage: 5px;

	--rn-duree: 260ms;
	--rn-duree-courte: 150ms;
	--rn-instant: 0s;
	--rn-courbe: cubic-bezier(.22, 1, .36, 1);
	--rn-glisse: 16px;
	--rn-plan: 1000;
}

/* ==================================================================== */
/* Les morceaux communs                                                  */
/* ==================================================================== */

.rll-n,
.rll-n *,
.rll-n *::before,
.rll-n *::after {
	box-sizing: border-box;
}

.rll-n {
	font-family: var(--rn-sans);
	color: var(--rn-encre);
	-webkit-font-smoothing: antialiased;
}

.rll-n ::selection {
	background: var(--rn-or);
	color: var(--rn-or-encre);
}

.rll-n a,
.rll-n a:hover,
.rll-n a:focus,
.rll-n a:visited {
	text-decoration: none;
	box-shadow: none;
}

.rll-n a:focus-visible,
.rll-n button:focus-visible {
	outline: var(--rn-trait-fort) solid var(--rn-petrole);
	outline-offset: var(--rn-e1);
	box-shadow: none;
}

.rll-n button,
.rll-n button:hover,
.rll-n button:focus,
.rll-n button:active {
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	text-decoration: none;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}

.rll-n ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rll-n .rn-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.rll-n .rn-ico {
	width: var(--rn-icone);
	height: var(--rn-icone);
	flex: none;
}

.rll-n .rn-chev {
	width: var(--rn-chevron);
	height: var(--rn-chevron);
	flex: none;
	transition: transform var(--rn-duree) var(--rn-courbe);
}

/* L'action : la seule chose en or. */
.rll-n a.rn-action,
.rll-n a.rn-action:visited {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: var(--rn-cible);
	padding: 0 var(--rn-e5);
	background: var(--rn-or);
	color: var(--rn-or-encre);
	font-family: var(--rn-sans);
	font-size: var(--rn-t-m);
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}

.rll-n a.rn-action:hover {
	background: var(--rn-or);
	color: var(--rn-or-encre);
	text-decoration: underline;
	text-underline-offset: var(--rn-decalage);
}

.rll-n a.rn-action:focus-visible {
	outline-color: var(--rn-encre);
}

/* ==================================================================== */
/* La barre de bureau                                                    */
/* ==================================================================== */

.rll-n.rn-barre-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.rll-n .rn-nav__liste {
	display: flex;
	align-items: center;
}

.rll-n .rn-nav__item {
	position: relative;
	margin: 0;
	padding: 0;
}

.rll-n .rn-nav__ligne {
	display: flex;
	align-items: center;
}

.rll-n a.rn-nav__lien,
.rll-n a.rn-nav__lien:visited {
	position: relative;
	display: flex;
	align-items: center;
	min-height: var(--rn-cible);
	padding: 0 var(--rn-e3);
	font-family: var(--rn-sans);
	font-size: var(--rn-t-m);
	font-weight: 500;
	line-height: 1.2;
	color: var(--rn-encre);
	white-space: nowrap;
}

.rll-n a.rn-nav__lien::after {
	content: "";
	position: absolute;
	left: var(--rn-e3);
	right: var(--rn-e3);
	bottom: var(--rn-e3);
	height: var(--rn-trait);
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform var(--rn-duree) var(--rn-courbe);
}

.rll-n a.rn-nav__lien:hover {
	color: var(--rn-petrole);
}

.rll-n a.rn-nav__lien:hover::after {
	transform: scaleX(1);
}

/* La page courante et son parent : couleur, graisse et filet d'or, jamais la seule couleur. */
.rll-n a.rn-nav__lien[aria-current="page"],
.rll-n .rn-nav__item.est-ancetre > .rn-nav__ligne > a.rn-nav__lien {
	color: var(--rn-petrole);
	font-weight: 600;
}

.rll-n a.rn-nav__lien[aria-current="page"]::after,
.rll-n .rn-nav__item.est-ancetre > .rn-nav__ligne > a.rn-nav__lien::after {
	transform: scaleX(1);
	height: var(--rn-trait-fort);
	background: var(--rn-or);
}

.rll-n .rn-a-enfants a.rn-nav__lien {
	padding-right: var(--rn-e1);
}

.rll-n .rn-a-enfants a.rn-nav__lien::after {
	right: var(--rn-e1);
}

.rll-n button.rn-nav__deplier,
.rll-n button.rn-nav__deplier:hover,
.rll-n button.rn-nav__deplier:focus {
	display: grid;
	place-items: center;
	width: var(--rn-chevron-l);
	height: var(--rn-cible);
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--rn-doux);
}

.rll-n button.rn-nav__deplier:hover {
	color: var(--rn-petrole);
}

.rll-n button.rn-nav__deplier[aria-expanded="true"] .rn-chev {
	transform: rotate(180deg);
}

/* Le deroulant : papier, filet fin, l'or seulement pour dire « ouvert ». Aucune ombre. */
.rll-n .rn-sm {
	position: absolute;
	top: calc(100% + (var(--rn-barre-h) - var(--rn-cible)) / 2);
	left: 0;
	z-index: var(--rn-plan);
	width: var(--rn-sm-l);
	background: var(--rn-papier);
	border: var(--rn-trait) solid var(--rn-filet);
	border-top: var(--rn-trait-or) solid var(--rn-or);
	visibility: hidden;
	opacity: 0;
	transform: translateY(calc(-1 * var(--rn-e1)));
	transition: opacity var(--rn-duree-courte) var(--rn-courbe), transform var(--rn-duree-courte) var(--rn-courbe), visibility var(--rn-instant) linear var(--rn-duree-courte);
}

.rll-n .rn-sm::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: var(--rn-pont);
}

.rll-n .rn-a-enfants--droite > .rn-sm {
	left: auto;
	right: 0;
}

.rll-n .rn-sm--large {
	width: var(--rn-sm-l-large);
}

.rll-n .rn-a-enfants.est-ouvert > .rn-sm {
	visibility: visible;
	opacity: 1;
	transform: none;
	transition-delay: var(--rn-instant);
}

@media (hover: hover) and (pointer: fine) {
	.rll-n .rn-a-enfants:hover > .rn-sm {
		visibility: visible;
		opacity: 1;
		transform: none;
		transition-delay: var(--rn-instant);
	}
}

.rll-n .rn-sm__liste li {
	margin: 0;
}

.rll-n .rn-sm__liste li + li a.rn-sm__lien {
	border-top: var(--rn-trait) solid var(--rn-filet);
}

.rll-n a.rn-sm__lien,
.rll-n a.rn-sm__lien:visited {
	display: block;
	padding: var(--rn-e3) var(--rn-e5);
	color: var(--rn-encre);
	background: transparent;
}

.rll-n .rn-sm__titre {
	display: block;
	font-family: var(--rn-voix);
	font-size: var(--rn-t-l);
	font-weight: 400;
	line-height: 1.25;
}

.rll-n .rn-sm__ligne {
	display: block;
	margin-top: var(--rn-e1);
	font-family: var(--rn-sans);
	font-size: var(--rn-t-xs);
	line-height: 1.4;
	color: var(--rn-doux);
}

.rll-n a.rn-sm__lien:hover,
.rll-n a.rn-sm__lien:focus-visible,
.rll-n a.rn-sm__lien[aria-current="page"] {
	background: var(--rn-surprofond);
	color: var(--rn-encre);
}

.rll-n a.rn-sm__lien:hover .rn-sm__titre,
.rll-n a.rn-sm__lien[aria-current="page"] .rn-sm__titre {
	color: var(--rn-petrole);
}

.rll-n a.rn-sm__lien[aria-current="page"] .rn-sm__titre {
	font-weight: 600;
}

.rll-n a.rn-sm__pied,
.rll-n a.rn-sm__pied:visited {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--rn-e3);
	min-height: var(--rn-cible);
	padding: 0 var(--rn-e5);
	border-top: var(--rn-trait) solid var(--rn-filet);
	background: var(--rn-champ);
	font-family: var(--rn-sans);
	font-size: var(--rn-t-s);
	font-weight: 600;
	line-height: 1.3;
	color: var(--rn-petrole);
}

.rll-n a.rn-sm__pied:hover {
	color: var(--rn-petrole);
	text-decoration: underline;
	text-underline-offset: var(--rn-decalage);
}

.rll-n .rn-meta {
	display: block;
	font-family: var(--rn-sans);
	font-size: var(--rn-t-xs);
	line-height: 1.4;
	color: var(--rn-doux);
}

.rll-n .rn-meta b {
	font-weight: 600;
	color: var(--rn-petrole);
}

.rll-n a.rn-sm__vedette,
.rll-n a.rn-sm__vedette:visited {
	display: block;
	padding: var(--rn-e4) var(--rn-e5);
	background: var(--rn-surface);
	border-bottom: var(--rn-trait) solid var(--rn-filet);
	color: var(--rn-encre);
}

.rll-n .rn-sm__vedette-titre {
	display: block;
	margin-top: var(--rn-e1);
	font-family: var(--rn-voix);
	font-size: var(--rn-t-xl);
	font-weight: 400;
	line-height: 1.2;
	text-wrap: balance;
}

.rll-n a.rn-sm__vedette:hover .rn-sm__vedette-titre,
.rll-n a.rn-sm__vedette[aria-current="page"] .rn-sm__vedette-titre {
	color: var(--rn-petrole);
}

/* Le bouton « Menu » : cache au bureau, seul declencheur sous 1 180 px. */
/* La règle de base seulement : la répéter sur :hover cacherait le bouton sous le pointeur. */
.rll-n button.rn-ouvrir {
	display: none;
	align-items: center;
	justify-content: center;
	gap: var(--rn-e2);
	min-width: var(--rn-cible);
	min-height: var(--rn-cible);
	padding: 0 var(--rn-e4);
	border: var(--rn-trait) solid var(--rn-filet);
	background: var(--rn-surface);
	color: var(--rn-encre);
	font-family: var(--rn-sans);
	font-size: var(--rn-t-m);
	font-weight: 600;
	line-height: 1;
}

.rll-n button.rn-ouvrir:hover {
	border-color: var(--rn-petrole);
	color: var(--rn-petrole);
}

@media (max-width: 1179px) { /* ds-allow-hardcode : point de rupture mesure */
	.rll-n .rn-nav {
		display: none;
	}

	.rll-n button.rn-ouvrir {
		display: inline-flex;
	}
}

/* Sous 360 px, le mot « Menu » cede la place : il reste l'icone, dans une cible de 48. */
@media (max-width: 359px) { /* ds-allow-hardcode : point de rupture mesure */
	.rll-n button.rn-ouvrir {
		padding: 0;
	}

	.rll-n button.rn-ouvrir span {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}
}

/* ==================================================================== */
/* Le panneau                                                            */
/* ==================================================================== */

/* Plein ecran a toutes les largeurs ou il sert : rien de la page ne reste visible
   derriere, donc aucune action en double. La tete reprend la place exacte de la barre :
   le logo ou etait le logo, « Fermer » ou etait « Menu ». */
dialog.rll-n.rn-panneau {
	position: fixed;
	inset: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	height: 100dvh;
	max-height: 100dvh;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--rn-papier);
	color: var(--rn-encre);
	overflow: hidden;
}

dialog.rll-n.rn-panneau::backdrop {
	background: var(--rn-voile);
}

dialog.rll-n.rn-panneau[open] {
	animation: rn-entree var(--rn-duree) var(--rn-courbe);
}

@keyframes rn-entree {
	from {
		opacity: 0;
		transform: translateY(calc(-1 * var(--rn-glisse)));
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	dialog.rll-n.rn-panneau[open] {
		animation: none;
	}

	.rll-n .rn-chev,
	.rll-n a.rn-nav__lien::after,
	.rll-n .rn-sm {
		transition: none;
	}
}

.rll-n .rn-feuille {
	display: flex;
	flex-direction: column;
	height: 100%;
	container-type: inline-size;
}

.rll-n .rn-feuille__haut {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--rn-e4);
	min-height: var(--rn-barre-h);
	padding: var(--rn-e2) var(--rn-gouttiere);
	background: var(--rn-surface);
	border-bottom: var(--rn-trait) solid var(--rn-filet);
}

.rll-n a.rn-logo-lien {
	display: flex;
	align-items: center;
	min-height: var(--rn-cible);
}

.rll-n img.rn-logo-img {
	display: block;
	width: var(--rn-logo-l-tab);
	height: var(--rn-logo-h-tab);
	max-width: none;
	object-fit: contain;
	object-position: left center;
}

.rll-n .rn-logo-texte {
	font-family: var(--rn-voix);
	font-size: var(--rn-t-xl);
	color: var(--rn-petrole);
}

.rll-n button.rn-fermer,
.rll-n button.rn-fermer:hover,
.rll-n button.rn-fermer:focus {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--rn-e2);
	min-width: var(--rn-cible);
	min-height: var(--rn-cible);
	padding: 0 var(--rn-e4);
	border: var(--rn-trait) solid var(--rn-filet);
	background: var(--rn-surface);
	color: var(--rn-encre);
	font-family: var(--rn-sans);
	font-size: var(--rn-t-m);
	font-weight: 600;
	line-height: 1;
}

.rll-n button.rn-fermer:hover {
	border-color: var(--rn-petrole);
	color: var(--rn-petrole);
}

.rll-n .rn-feuille__liste {
	flex: 1;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: var(--rn-e1) max(var(--rn-gouttiere), calc((100% - var(--rn-colonne)) / 2)) var(--rn-e5);
}

.rll-n .rn-entree {
	margin: 0;
	border-bottom: var(--rn-trait) solid var(--rn-filet);
}

.rll-n a.rn-entree__lien,
.rll-n a.rn-entree__lien:visited {
	display: block;
	min-width: 0;
	padding: var(--rn-e3) 0;
	color: var(--rn-encre);
}

.rll-n .rn-entree__titre {
	display: block;
	font-family: var(--rn-voix);
	font-size: var(--rn-t-xl);
	font-weight: 400;
	line-height: 1.15;
	overflow-wrap: anywhere;
}

.rll-n .rn-entree__ligne {
	display: block;
	margin-top: var(--rn-e1);
	font-family: var(--rn-sans);
	font-size: var(--rn-t-s);
	line-height: 1.4;
	color: var(--rn-doux);
}

.rll-n a.rn-entree__lien:hover .rn-entree__titre {
	color: var(--rn-petrole);
}

.rll-n a.rn-entree__lien[aria-current="page"] .rn-entree__titre,
.rll-n .rn-entree.est-ancetre > a.rn-entree__lien .rn-entree__titre {
	color: var(--rn-petrole);
	text-decoration: underline;
	text-decoration-color: var(--rn-or);
	text-decoration-thickness: var(--rn-trait-fort);
	text-underline-offset: var(--rn-decalage);
}

.rll-n .rn-entree__rang {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	column-gap: var(--rn-e3);
}

.rll-n button.rn-entree__deplier,
.rll-n button.rn-entree__deplier:hover,
.rll-n button.rn-entree__deplier:focus {
	display: inline-flex;
	align-items: center;
	gap: var(--rn-e2);
	min-height: var(--rn-cible);
	margin-top: var(--rn-e1);
	padding: 0 var(--rn-e3);
	border: var(--rn-trait) solid var(--rn-filet);
	background: var(--rn-surface);
	color: var(--rn-doux);
	font-family: var(--rn-sans);
	font-size: var(--rn-t-xs);
	font-weight: 500;
	line-height: 1;
}

.rll-n button.rn-entree__deplier:hover {
	border-color: var(--rn-petrole);
	color: var(--rn-petrole);
}

.rll-n button.rn-entree__deplier[aria-expanded="true"] .rn-chev {
	transform: rotate(180deg);
}

.rll-n .rn-enfants {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	margin: calc(-1 * var(--rn-e1)) 0 var(--rn-e3);
}

.rll-n .rn-enfants[hidden] {
	display: none;
}

.rll-n .rn-enfants li {
	margin: 0;
	min-width: 0;
}

.rll-n .rn-enfants a,
.rll-n .rn-enfants a:visited {
	display: flex;
	align-items: center;
	gap: var(--rn-e3);
	min-height: var(--rn-cible-sm);
	font-family: var(--rn-sans);
	font-size: var(--rn-t-m);
	line-height: 1.25;
	color: var(--rn-doux);
}

.rll-n .rn-enfants a::before {
	content: "";
	flex: none;
	width: var(--rn-tiret);
	height: var(--rn-trait);
	background: var(--rn-sauge);
}

.rll-n .rn-enfants a:hover,
.rll-n .rn-enfants a[aria-current="page"] {
	color: var(--rn-petrole);
}

.rll-n .rn-enfants a[aria-current="page"] {
	font-weight: 600;
}

@container (min-width: 440px) { /* ds-allow-hardcode : seuil du panneau */
	.rll-n .rn-enfants {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		column-gap: var(--rn-e4);
	}
}

/* La seconde porte : « Articles » sur une bande a part, avec le dernier paru. */
.rll-n .rn-lire {
	margin: var(--rn-e4) 0 0;
	padding: var(--rn-e1) var(--rn-e4) var(--rn-e4);
	background: var(--rn-surprofond);
	border-bottom: 0;
}

.rll-n a.rn-dernier,
.rll-n a.rn-dernier:visited {
	display: block;
	padding: var(--rn-e3) var(--rn-e4);
	background: var(--rn-surface);
	border: var(--rn-trait) solid var(--rn-filet);
	color: var(--rn-encre);
}

.rll-n .rn-dernier__titre {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-top: var(--rn-e1);
	font-family: var(--rn-voix);
	font-size: var(--rn-t-l);
	font-weight: 400;
	line-height: 1.3;
}

.rll-n a.rn-dernier:hover .rn-dernier__titre {
	color: var(--rn-petrole);
}

.rll-n a.rn-dernier[aria-current="page"] {
	border-color: var(--rn-petrole);
}

.rll-n .rn-zone {
	margin: var(--rn-e4) 0 0;
	font-family: var(--rn-sans);
	font-size: var(--rn-t-xs);
	line-height: 1.4;
	color: var(--rn-doux);
	letter-spacing: .02em;
}

/* Le pied : l'action et les coordonnees, toujours a l'ecran. */
.rll-n .rn-feuille__bas {
	flex: none;
	display: grid;
	gap: var(--rn-e2);
	padding: var(--rn-e4) max(var(--rn-gouttiere), calc((100% - var(--rn-colonne)) / 2)) calc(var(--rn-e3) + env(safe-area-inset-bottom, 0px));
	background: var(--rn-surface);
	border-top: var(--rn-trait) solid var(--rn-filet);
}

.rll-n .rn-coord {
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--rn-e6);
	min-width: 0;
}

.rll-n .rn-coord a,
.rll-n .rn-coord a:visited {
	display: inline-flex;
	align-items: center;
	gap: var(--rn-e2);
	min-height: var(--rn-cible-sm);
	min-width: 0;
	font-family: var(--rn-sans);
	font-size: var(--rn-t-s);
	line-height: 1.3;
	color: var(--rn-encre);
}

.rll-n .rn-coord a:hover {
	color: var(--rn-petrole);
	text-decoration: underline;
	text-underline-offset: var(--rn-decalage);
}

.rll-n .rn-coord .rn-ico {
	color: var(--rn-petrole);
}

.rll-n .rn-mail-long {
	display: none;
}

@container (min-width: 370px) { /* ds-allow-hardcode : l'adresse entiere tient */
	.rll-n .rn-mail-long {
		display: inline;
	}

	.rll-n .rn-mail-court {
		display: none;
	}
}

/* Sur telephone : barre de 72, logo recadre, comme dans l'en-tete. */
@media (max-width: 767px) { /* ds-allow-hardcode : point de rupture du téléphone */
	.rll-n .rn-feuille__haut {
		min-height: var(--rn-barre-h-mob);
	}

	.rll-n img.rn-logo-img {
		width: var(--rn-logo-l);
		height: var(--rn-logo-h);
		object-fit: cover;
		object-position: left 17%;
	}
}

@media (max-width: 359px) { /* ds-allow-hardcode : point de rupture mesure */
	.rll-n button.rn-fermer {
		padding: 0;
	}

	.rll-n button.rn-fermer span {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}
}

/* Ecran court (iPhone SE, telephone a l'horizontale) : la liste se resserre en titres,
   pour que la seconde porte reste a l'ecran sans defiler. Les villes restent, en fin de
   liste : aucune information ne disparait, elle demande au plus un geste. */
@media (max-height: 700px) { /* ds-allow-hardcode : hauteur mesuree */
	.rll-n .rn-feuille__liste .rn-entree__ligne {
		display: none;
	}

	.rll-n .rn-feuille__liste a.rn-entree__lien {
		padding: var(--rn-e2) 0;
	}

	.rll-n button.rn-entree__deplier {
		margin-top: 0;
	}

	.rll-n .rn-dernier__titre {
		-webkit-line-clamp: 2;
	}
}