/*
 * Présentation commune du contenu éditorial des gabarits du Riad, et signature de la maison
 * dans leurs pieds de page.
 *
 * Contraste : la charte se lit en trois familles selon le fond. Sur les fonds sombres
 * (nuit-medina, terre-cuite), le texte prend --or-doux ou --cannelle-clair ; sur les fonds
 * clairs (ivoire, parchemin), il prend --safran, --texte ou --nuit-medina. --or-epice reste
 * réservé aux aplats, aux filets et aux puces : en texte il ne dépasse pas 2,63:1 sur l'ivoire.
 *
 * Les pages historiques contiennent encore des listes produites par plusieurs générations
 * d'éditeurs WordPress. Avada leur applique des puces, retraits et couleurs différents selon
 * leur balisage. Ces règles sont volontairement limitées aux corps éditoriaux des gabarits
 * personnalisés : elles ne touchent ni le menu, ni les cartes.
 */

/*
 * Tous les gabarits ouvrent leur pied de page par le nom de la maison, mais seule la page
 * Actualités l'habillait : ailleurs il héritait du sans-serif du corps de texte, en petit et
 * dans le brun du texte courant, donc presque illisible sur le fond nuit. Il reprend ici la
 * composition du logo du bandeau, sur une seule ligne puisque la place ne manque pas.
 */
.riad-footer__brand-name {
	font-family: 'Cormorant Garamond', serif;
	font-size: 1.625rem;
	line-height: 1.1;
	letter-spacing: 0.16em;
	color: var(--ivoire, #F5ECD8);
}

/* Pied de page partagé par tous les gabarits. */
.riad-footer {
	padding: 5.5rem 3rem 2.75rem;
	background: var(--nuit-medina, #1A1410);
}
.riad-footer__grid {
	display: grid;
	max-width: 90rem;
	margin: 0 auto;
	padding-bottom: 3.5rem;
	border-bottom: 1px solid rgba(197,133,58,0.2);
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: 3.5rem;
}
.riad-footer__desc {
	max-width: 30ch;
	margin: 1.25rem 0 0;
	color: var(--cannelle-clair, #D4885F);
	font-size: 0.875rem;
	line-height: 1.7;
}
.riad-footer__title {
	margin-bottom: 1.25rem;
	color: var(--or-epice, #C5853A);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.riad-footer__links {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.riad-footer__links a { color: var(--parchemin, #E8E0D0) !important; font-size: 0.875rem; }
.riad-footer__links a:hover { color: var(--or-doux, #E8C07A) !important; }
.riad-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	max-width: 90rem;
	margin: 0 auto;
	padding-top: 1.75rem;
	justify-content: space-between;
	gap: 1rem 2rem;
	color: var(--cannelle-clair, #D4885F);
	font-size: 0.75rem;
}
/* Le sélecteur porte deux classes à dessein : la règle générique « .riad-tX a » de chaque
   gabarit est chargée après cette feuille et l'emporterait à spécificité égale, ce qui
   ramènerait ces liens au safran — illisible sur le fond nuit du pied de page. */
.riad-footer .riad-footer__bottom a { color: inherit; }

/* Variantes historiques conservées pour ne pas déplacer le rendu de ces gabarits. */
.riad-t2__footer-bottom {
	flex-wrap: nowrap;
	gap: 2rem;
}
.riad-t11__brand-name {
	font-size: 1.5rem;
	letter-spacing: 0.12em;
}

/* Réassurance Tripadvisor partagée par les colonnes latérales. */
.riad-reviews {
	display: block;
	padding: 1.75rem 2rem 0;
	overflow: hidden;
	border: 1px solid rgba(197,133,58,0.45);
	background: var(--parchemin, #E8E0D0);
	text-align: center;
}
.riad-reviews__title {
	display: block;
	color: var(--nuit-medina, #1A1410);
	font-family: 'Cormorant Garamond', serif;
	font-size: 1.25rem;
	line-height: 1.3;
}
.riad-reviews__year { color: var(--safran, #7D4A28); }
.riad-reviews__cta {
	display: block;
	margin-top: 0.5rem;
	color: var(--safran, #7D4A28);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.riad-reviews__logo {
	display: block;
	width: 8.0625rem;
	max-width: 100%;
	height: auto;
	margin: 1.5rem auto 0;
}
.riad-reviews:hover { border-color: var(--or-epice, #C5853A); }
.riad-reviews:hover .riad-reviews__cta { color: var(--nuit-medina, #1A1410); }

@media (max-width: 71.875rem) {
	.riad-t11__footer-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 47.5rem) {
	.riad-footer { padding: 5.5rem 1.5rem 2.75rem; }
	.riad-footer__grid { grid-template-columns: minmax(0,1fr); }
}

:is(
	.riad-t2__body,
	.riad-t3__body,
	.riad-t4__body,
	.riad-t5__body,
	.riad-t6__body,
	.riad-t7__body,
	.riad-t8__body,
	.riad-t9__body,
	.riad-t10__body
) :is(ul, ol) {
	margin: 1.25rem 0 2rem;
	padding: 0;
	list-style: none;
}

:is(
	.riad-t2__body,
	.riad-t3__body,
	.riad-t4__body,
	.riad-t5__body,
	.riad-t6__body,
	.riad-t7__body,
	.riad-t8__body,
	.riad-t9__body,
	.riad-t10__body
) li {
	position: relative;
	margin: 0;
	padding: 0.6875rem 0 0.6875rem 1.75rem;
	border-bottom: 1px solid rgba(125, 74, 40, 0.14);
	line-height: 1.55;
}

:is(
	.riad-t2__body,
	.riad-t3__body,
	.riad-t4__body,
	.riad-t5__body,
	.riad-t6__body,
	.riad-t7__body,
	.riad-t8__body,
	.riad-t9__body,
	.riad-t10__body
) ul > li::before {
	position: absolute;
	top: 1.25rem;
	left: 0.25rem;
	width: 0.4375rem;
	height: 0.4375rem;
	background: var(--or-epice, #C5853A);
	content: '';
	transform: rotate(45deg);
}

:is(
	.riad-t2__body,
	.riad-t3__body,
	.riad-t4__body,
	.riad-t5__body,
	.riad-t6__body,
	.riad-t7__body,
	.riad-t8__body,
	.riad-t9__body,
	.riad-t10__body
) ol {
	counter-reset: riad-editorial-list;
}

:is(
	.riad-t2__body,
	.riad-t3__body,
	.riad-t4__body,
	.riad-t5__body,
	.riad-t6__body,
	.riad-t7__body,
	.riad-t8__body,
	.riad-t9__body,
	.riad-t10__body
) ol > li {
	padding-left: 2.25rem;
	counter-increment: riad-editorial-list;
}

:is(
	.riad-t2__body,
	.riad-t3__body,
	.riad-t4__body,
	.riad-t5__body,
	.riad-t6__body,
	.riad-t7__body,
	.riad-t8__body,
	.riad-t9__body,
	.riad-t10__body
) ol > li::before {
	position: absolute;
	top: 0.75rem;
	left: 0;
	color: var(--safran, #7D4A28);
	font-family: 'Cormorant Garamond', serif;
	font-size: 1rem;
	content: counter(riad-editorial-list, decimal-leading-zero);
}

:is(
	.riad-t2__body,
	.riad-t3__body,
	.riad-t4__body,
	.riad-t5__body,
	.riad-t6__body,
	.riad-t7__body,
	.riad-t8__body,
	.riad-t9__body,
	.riad-t10__body
) li > :is(ul, ol) {
	margin: 0.625rem 0 0;
}

:is(
	.riad-t2__body,
	.riad-t3__body,
	.riad-t4__body,
	.riad-t5__body,
	.riad-t6__body,
	.riad-t7__body,
	.riad-t8__body,
	.riad-t9__body,
	.riad-t10__body
) li > :is(ul, ol) > li {
	border-bottom: 0;
	padding-block: 0.375rem;
	color: var(--safran, #7D4A28);
}

:is(
	.riad-t2__body,
	.riad-t3__body,
	.riad-t4__body,
	.riad-t5__body,
	.riad-t6__body,
	.riad-t7__body,
	.riad-t8__body,
	.riad-t9__body,
	.riad-t10__body
) li > ul > li::before {
	top: 0.875rem;
	width: 0.3125rem;
	height: 0.3125rem;
	border: 1px solid var(--or-epice, #C5853A);
	background: transparent;
}

@media (max-width: 47.5rem) {
	/* Les anciens boutons Avada ont parfois un libellé long et imposent nowrap dans leur
	   feuille locale. Sur petit écran ils peuvent se couper ou élargir la page. */
	#wrapper :is(
		.riad-t2__body,
		.riad-t3__body,
		.riad-t4__body,
		.riad-t5__body,
		.riad-t6__body,
		.riad-t7__body,
		.riad-t8__body,
		.riad-t9__body,
		.riad-t10__body
	) a.fusion-button {
		max-width: 100% !important;
		white-space: normal !important;
		overflow-wrap: anywhere;
	}
}