.riad-t6 {
	--nuit-medina: #1A1410;
	--terre-cuite: #3D2B1A;
	--or-epice: #C5853A;
	--or-doux: #E8C07A;
	--safran: #7D4A28;
	--cannelle: #A0522D;
	--cannelle-clair: #D4885F;
	--ivoire: #F5ECD8;
	--parchemin: #E8E0D0;
	--vert-zellige: #4A6741;
	--texte: #2C1F12;
	background: var(--ivoire);
	font-family: 'DM Sans', sans-serif;
	color: var(--texte);
	/* Conserve le sticky de la sidebar : hidden créerait un conteneur de défilement
	   intermédiaire et empêcherait la colonne de s'accrocher à la fenêtre. */
	overflow-x: clip;
}
.riad-t6 * { box-sizing: border-box; }
.riad-t6 a { text-decoration: none; color: var(--safran); }
.riad-t6 a:hover { color: var(--nuit-medina); }
.riad-t6 button { font-family: inherit; cursor: pointer; }
.riad-t6__shell { max-width: 90rem; margin: 0 auto; }

/* 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-activite-php .fusion-header-wrapper,
body.page-template-template-activite-php .fusion-footer-widget-area,
body.page-template-template-activite-php .fusion-footer-copyright-area {
	display: none !important;
}
body.page-template-template-activite-php #main,
body.page-template-template-activite-php #main .fusion-row,
body.page-template-template-activite-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 a styler ici. */

/* Header */
.riad-t6__header { background: var(--nuit-medina); padding: 9.5rem 3rem 5rem; }
.riad-t6__breadcrumb { display: flex; gap: 0.625rem; align-items: center; flex-wrap: wrap; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--cannelle-clair); margin-bottom: 1.875rem; }
.riad-t6__breadcrumb a { color: var(--cannelle-clair); }
.riad-t6__breadcrumb a:hover { color: var(--or-doux); }
.riad-t6__breadcrumb .is-current { color: var(--parchemin); }
/* Une seule colonne tant qu'il n'y a pas de photo : sans :has(), la grille réservait
   quand même 26,25 rem à droite et laissait un vide. */
.riad-t6__header-grid { display: grid; grid-template-columns: minmax(0,1fr); align-items: center; gap: 5.5rem; }
.riad-t6__header-grid:has(.riad-t6__hero-photo) { grid-template-columns: minmax(0,1fr) minmax(16rem, 26.25rem); }
.riad-t6__badge-row { display: flex; gap: 0.875rem; align-items: center; flex-wrap: wrap; margin-bottom: 1.25rem; }
.riad-t6__badge { font-size: 0.625rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: var(--ivoire); padding: 0.4375rem 0.8125rem; }
.riad-t6__badge--activity { background: var(--vert-zellige); }
.riad-t6__badge--event { background: var(--safran); }
.riad-t6__kicker { font-size: 0.6875rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: var(--or-epice); }
.riad-t6__h1 { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: clamp(2.625rem, 1.6rem + 3.6vw, 4rem); line-height: 1.04; letter-spacing: -0.02em; color: var(--ivoire); margin: 0; max-width: 22ch; }
.riad-t6__tagline { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.5rem; line-height: 1.45; color: var(--parchemin); margin: 1.25rem 0 0; max-width: 34ch; }
.riad-t6__hero-photo { background-color: var(--terre-cuite); background-size: cover; background-position: center; aspect-ratio: 4/3; }

/* Facts */
.riad-t6__facts { background: var(--parchemin); padding: 0 3rem; }
.riad-t6__facts-grid { max-width: 90rem; margin: 0 auto; display: grid; gap: 1px; background: rgba(125,74,40,0.18); grid-template-columns: repeat(5, minmax(0,1fr)); }
.riad-t6__fact { background: var(--parchemin); padding: 1.875rem 1.625rem; }
.riad-t6__fact-k { font-size: 0.625rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: var(--safran); }
.riad-t6__fact-v { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; color: var(--nuit-medina); margin-top: 0.5625rem; line-height: 1.2; }

/* Main */
.riad-t6__main { background: var(--ivoire); padding: 6rem 3rem 7.5rem; }
.riad-t6__main-shell { max-width: 90rem; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1fr) 22.5rem; gap: 5.5rem; align-items: start; }
.riad-t6__body { max-width: 60ch; font-size: 1.1875rem; line-height: 1.65; color: var(--nuit-medina); }
.riad-t6__body p { margin: 0 0 1.25rem; }
.riad-t6__body p:last-child { margin-bottom: 0; }

/* Boutons posés dans l'éditeur par le constructeur du thème parent : chaque bouton
   embarque ses propres couleurs et sa forme de pilule dans une balise <style> placée
   après cette feuille. On les ramène à la charte du gabarit ; les sélecteurs sont
   volontairement plus spécifiques que « .fusion-button.button-N ». */
.riad-t6__body .fusion-button-wrapper { margin: 1.5rem 0.75rem 0.5rem 0; display: inline-block; vertical-align: middle; }
/* Avada force « display: block » sur .fusion-aligncenter, ce qui empile les boutons. */
.riad-t6__body .fusion-button-wrapper.fusion-aligncenter { display: inline-block !important; text-align: left; }
/* Filet de sécurité si le cache sert encore l'ancien HTML : la galerie et les vignettes
   du contenu doublent la photo du gabarit, donc elles restent masquées. */
.riad-t6__body .gallery,
.riad-t6__body [id^="gallery-"],
.riad-t6__body img { display: none !important; }
.riad-t6 .riad-t6__body a.fusion-button {
	display: inline-block;
	border-radius: 0 !important;
	border: 1px solid var(--or-epice) !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	padding: 0.875rem 1.25rem !important;
	height: auto !important;
	line-height: 1.2 !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	white-space: nowrap;
	transition: background 0.25s ease, color 0.25s ease;
}
/* La forme en pilule vient de « #wrapper .button-pill { border-radius: 25px !important } »
   dans la feuille du thème parent : il faut donc aussi passer par #wrapper pour la défaire. */
#wrapper .riad-t6__body a.fusion-button { border-radius: 0 !important; }
.riad-t6 .riad-t6__body a.fusion-button .fusion-button-text { color: var(--safran) !important; font-size: inherit !important; letter-spacing: inherit !important; }
.riad-t6 .riad-t6__body a.fusion-button:hover,
.riad-t6 .riad-t6__body a.fusion-button:focus,
.riad-t6 .riad-t6__body a.fusion-button:active { background: var(--or-epice) !important; border-color: var(--or-epice) !important; }
.riad-t6 .riad-t6__body a.fusion-button:hover .fusion-button-text,
.riad-t6 .riad-t6__body a.fusion-button:focus .fusion-button-text,
.riad-t6 .riad-t6__body a.fusion-button:active .fusion-button-text { color: var(--nuit-medina) !important; }
/* Les pictogrammes du thème (lit, enveloppe…) jurent avec le reste du gabarit, qui
   n'utilise que du texte et des filets. */
.riad-t6 .riad-t6__body a.fusion-button i,
.riad-t6 .riad-t6__body a.fusion-button .button-icon-left,
.riad-t6 .riad-t6__body a.fusion-button .button-icon-right { display: none !important; }

.riad-t6__h2 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 1.6875rem; line-height: 1.2; color: var(--nuit-medina); margin: 0 0 1.875rem; }
.riad-t6__program-block { margin-top: 3rem; border-top: 1px solid rgba(125,74,40,0.24); padding-top: 2.5rem; }
.riad-t6__program { display: flex; flex-direction: column; }
.riad-t6__program-row { display: grid; grid-template-columns: 5.25rem minmax(0,1fr); gap: 2rem; padding: 1.375rem 0; border-bottom: 1px solid rgba(125,74,40,0.16); }
.riad-t6__program-time { font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 0.75rem; letter-spacing: 0.06em; color: var(--safran); padding-top: 0.3125rem; white-space: nowrap; }
.riad-t6__program-title { font-family: 'Cormorant Garamond', serif; font-size: 1.375rem; color: var(--nuit-medina); line-height: 1.25; }
.riad-t6__program-desc { font-size: 0.875rem; line-height: 1.65; color: #5c4630; margin-top: 0.4375rem; max-width: 56ch; }
.riad-t6__note { background: var(--parchemin); padding: 1.875rem 2rem; margin-top: 2.75rem; max-width: 62ch; }
.riad-t6__note-label { font-size: 0.6875rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: var(--safran); margin-bottom: 0.625rem; }
.riad-t6__note-text { font-size: 0.9375rem; line-height: 1.7; color: var(--texte); margin: 0; }

/* Sidebar */
.riad-t6__sidebar { position: sticky; top: 7rem; z-index: 2; display: flex; flex-direction: column; gap: 0.875rem; }
.riad-t6__book { background: var(--nuit-medina); padding: 2.25rem 2rem; }
.riad-t6__book-label { font-size: 0.6875rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: var(--cannelle-clair); }
.riad-t6__book-price { display: flex; align-items: baseline; gap: 0.5rem; margin-top: 0.75rem; }
.riad-t6__price-num { font-family: 'Cormorant Garamond', serif; font-size: 2.75rem; line-height: 1; color: var(--or-doux); }
.riad-t6__price-unit { font-size: 0.8125rem; color: var(--cannelle-clair); }
.riad-t6__book-note { font-size: 0.75rem; color: var(--cannelle-clair); margin-top: 0.5rem; }
.riad-t6__btn { display: block; text-align: center; font-size: 0.8125rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; padding: 1.0625rem; margin-top: 1.375rem; }
.riad-t6__btn--primary { background: var(--or-epice); color: var(--nuit-medina) !important; }
.riad-t6__btn--primary:hover { background: var(--or-doux); }
.riad-t6__btn--ghost { border: 1px solid rgba(232,192,122,0.4); color: var(--or-doux) !important; margin-top: 0.75rem; }
.riad-t6__btn--ghost:hover { border-color: var(--or-doux); background: rgba(197,133,58,0.12); }
.riad-t6__book-sub { font-size: 0.6875rem; text-align: center; color: var(--cannelle-clair); margin-top: 0.75rem; }
/* Réassurance Tripadvisor. Le badge reprend la composition du widget d'origine — mention de
   l'attestation, « Lisez les avis », puis le logo — mais dans la charte du gabarit : carte
   parcheminée bordée d'un filet ocre au lieu de l'encadré vert, et titre en Cormorant. Le logo
   est le seul élément qui garde ses couleurs de marque, comme un sceau : détouré, son dôme vert
   est centré et son bord plat repose sur le filet du bas de la carte. */
.riad-t6__others { background: var(--parchemin); padding: 1.75rem 2rem; }
.riad-t6__others-label { font-size: 0.6875rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: var(--safran); margin-bottom: 1rem; }
.riad-t6__others-list { display: flex; flex-direction: column; }
.riad-t6__others-item { display: block; padding: 0.8125rem 0; border-bottom: 1px solid rgba(125,74,40,0.18); color: var(--texte) !important; }
.riad-t6__others-item:last-child { border-bottom: 0; }
.riad-t6__others-item:hover { color: var(--safran) !important; }
.riad-t6__others-name { font-family: 'Cormorant Garamond', serif; font-size: 1.1875rem; }

/* Footer */
/* Breakpoints */
@media (max-width: 71.875rem) {
	.riad-t6__header-grid,
	.riad-t6__header-grid:has(.riad-t6__hero-photo) { grid-template-columns: minmax(0,1fr); gap: 2.5rem; }
	.riad-t6__hero-photo { aspect-ratio: 16/9; }
	.riad-t6__main-shell { grid-template-columns: minmax(0,1fr); gap: 0; }
	.riad-t6__sidebar { position: static; margin-top: 3.5rem; max-width: 32.5rem; }
	.riad-t6__facts-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 47.5rem) {
	.riad-t6__header { padding: 8.5rem 1.5rem 3.5rem; }
	.riad-t6__facts { padding-inline: 1.5rem; }
	.riad-t6__main { padding: 4rem 1.5rem 5rem; }
	.riad-t6__facts-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.riad-t6__program-row { grid-template-columns: minmax(0,1fr); gap: 0.5rem; }
}