.riad-t10 {
	--nuit-medina: #1A1410;
	--terre-cuite: #3D2B1A;
	--or-epice: #C5853A;
	--or-doux: #E8C07A;
	--safran: #7D4A28;
	--cannelle: #A0522D;
	--cannelle-clair: #D4885F;
	--ivoire: #F5ECD8;
	--parchemin: #E8E0D0;
	--texte: #2C1F12;
	background: var(--ivoire);
	font-family: 'DM Sans', sans-serif;
	color: var(--texte);
	overflow-x: clip;
}
.riad-t10 * { box-sizing: border-box; }
.riad-t10 a { text-decoration: none; color: var(--safran); }
.riad-t10 a:hover { color: var(--nuit-medina); }
.riad-t10__narrow-shell { max-width: 67.5rem; margin: 0 auto; padding: 0 3rem; }

/* Ce gabarit fournit son propre header/footer : on masque ceux d'Avada et on
   libère le conteneur #main/.fusion-row (borné à 1100px par le thème parent)
   pour que les sections occupent toute la largeur de la fenêtre. */
body.page-template-template-legal-php .fusion-header-wrapper,
body.page-template-template-legal-php .fusion-footer-widget-area,
body.page-template-template-legal-php .fusion-footer-copyright-area {
	display: none !important;
}
body.page-template-template-legal-php #main,
body.page-template-template-legal-php #main .fusion-row,
body.page-template-template-legal-php #content {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* La barre de navigation est commune aux gabarits : son habillage vit dans
   assets/css/nav.css et son balisage dans riad_nav_render(). Rien à styler ici. */

/* Header */
.riad-t10__header { background: var(--nuit-medina); padding: 9.5rem 0 4rem; }
.riad-t10__breadcrumb { display: flex; flex-wrap: wrap; gap: 0.625rem; align-items: center; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--cannelle-clair); margin-bottom: 1.75rem; }
.riad-t10__breadcrumb a { color: var(--cannelle-clair); }
.riad-t10__breadcrumb a:hover { color: var(--or-doux); }
.riad-t10__breadcrumb .is-current { color: var(--parchemin); }
.riad-t10__h1 { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: clamp(2.25rem, 1.5rem + 2.6vw, 3.5rem); letter-spacing: -0.02em; line-height: 1.05; color: var(--ivoire); margin: 0; }
.riad-t10__updated { font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 0.6875rem; letter-spacing: 0.06em; color: var(--cannelle-clair); margin-top: 1.25rem; }

/* Main : mise en page en grille explicite, colonne 1 = sommaire, colonne 2 = article, quel que
   soit l'ordre dans le balisage (le sommaire n'existe qu'une fois the_content() exécuté, donc il
   est écrit après l'article dans le HTML). */
.riad-t10__main { background: var(--ivoire); padding: 5rem 0 7rem; }
.riad-t10__body-shell { max-width: 67.5rem; margin: 0 auto; padding: 0 3rem; display: grid; grid-template-columns: 15rem minmax(0,1fr); gap: 4.5rem; align-items: start; }
.riad-t10__article { grid-column: 2; grid-row: 1; max-width: 68ch; }
.riad-t10__toc { grid-column: 1; grid-row: 1; position: sticky; top: 7rem; border-left: 1px solid rgba(125,74,40,0.24); padding-left: 1.5rem; }
.riad-t10__toc-label { font-size: 0.6875rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: var(--safran); margin-bottom: 1.125rem; }
.riad-t10__toc-list { display: flex; flex-direction: column; gap: 0.75rem; }
.riad-t10__toc-list a { font-size: 0.875rem; line-height: 1.45; color: #5c4630; }
.riad-t10__toc-list a:hover { color: var(--nuit-medina); }

.riad-t10__body { font-size: 1rem; line-height: 1.75; color: var(--texte); }
.riad-t10__body p { margin: 0 0 1.125rem; }
.riad-t10__body h2 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: clamp(1.375rem, 1.2rem + 0.7vw, 1.625rem); color: var(--nuit-medina); margin: 2.5rem 0 1rem; padding-top: 2rem; border-top: 1px solid rgba(125,74,40,0.18); scroll-margin-top: 7rem; }
.riad-t10__body h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.riad-t10__body strong { color: var(--nuit-medina); }

.riad-t10__contact-box { background: var(--parchemin); padding: 2.25rem 2rem; margin-top: 3rem; }
.riad-t10__contact-label { font-size: 0.6875rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: var(--safran); margin-bottom: 0.75rem; }
.riad-t10__contact-text { font-size: 0.9375rem; line-height: 1.7; color: var(--texte); margin: 0 0 1.125rem; }
.riad-t10__contact-links { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.riad-t10__contact-links a { font-family: 'Cormorant Garamond', serif; font-size: 1.25rem; color: var(--safran); }
.riad-t10__contact-links a:hover { color: var(--nuit-medina); }

/* Footer */
/* Breakpoints */
@media (max-width: 62.5rem) {
	.riad-t10__body-shell { grid-template-columns: minmax(0,1fr); }
	.riad-t10__article { grid-column: 1; }
	.riad-t10__toc { grid-column: 1; grid-row: 2; position: static; border-left: 0; padding-left: 0; background: var(--parchemin); padding: 1.5rem; margin-top: 3rem; }
}
@media (max-width: 47.5rem) {
	.riad-t10__narrow-shell { padding: 0 1.5rem; }
	.riad-t10__header { padding: 8.5rem 0 3rem; }
	.riad-t10__main { padding: 3.5rem 0 5rem; }
	.riad-t10__body-shell { padding: 0 1.5rem; }
}