/**
 * Marliva — Styles spécifiques pages utilitaires
 * Équipe, Tarifs, Témoignages, RDV, Contact, À propos
 */

/* ============================================================
   HERO SOUS-PAGE (sans image, fond uni ivoire)
   ============================================================ */
.marliva-hero-page {
	background: var(--marliva-ivoire);
	padding: 10rem var(--marliva-space-lg) var(--marliva-space-2xl);
	text-align: center;
}
.marliva-hero-page__inner {
	max-width: 720px;
	margin: 0 auto;
}
.marliva-hero-page__sur-titre {
	font-family: var(--marliva-font-sans);
	font-size: var(--marliva-fs-tiny);
	font-weight: 500;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: var(--marliva-or-mat);
	margin-bottom: var(--marliva-space-md);
}
.marliva-hero-page__titre {
	font-family: var(--marliva-font-serif);
	font-size: clamp(2.5rem, 5vw, 4rem);
	line-height: 1.1;
	color: var(--marliva-bleu-encre);
	margin-bottom: var(--marliva-space-lg);
	font-weight: 500;
}
.marliva-hero-page__sous-titre {
	font-size: 1.125rem;
	line-height: 1.7;
	color: var(--marliva-gris-chaud);
	max-width: 600px;
	margin: 0 auto;
}

/* ============================================================
   ÉQUIPE — cards typographiques sans photo
   ============================================================ */
.marliva-equipe {
	padding: var(--marliva-space-4xl) var(--marliva-space-lg);
	background: var(--marliva-blanc-creme);
}
.marliva-equipe__grid {
	max-width: var(--marliva-container);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--marliva-space-xl);
}
@media (max-width: 900px) { .marliva-equipe__grid { grid-template-columns: 1fr; } }
.marliva-membre {
	background: var(--marliva-ivoire);
	border: 1px solid var(--marliva-separateur);
	border-radius: var(--marliva-radius-lg);
	padding: var(--marliva-space-xl);
	transition: var(--marliva-transition);
}
.marliva-membre:hover {
	border-color: var(--marliva-or-mat);
	box-shadow: var(--marliva-shadow-sm);
}
.marliva-membre__monogramme {
	font-family: var(--marliva-font-serif);
	font-size: 3rem;
	font-weight: 500;
	color: var(--marliva-or-mat);
	font-style: italic;
	line-height: 1;
	margin-bottom: var(--marliva-space-lg);
}
.marliva-membre__nom {
	font-family: var(--marliva-font-serif);
	font-size: 1.5rem;
	color: var(--marliva-bleu-encre);
	margin-bottom: 0.25rem;
	font-weight: 500;
}
.marliva-membre__role {
	font-family: var(--marliva-font-sans);
	font-size: var(--marliva-fs-small);
	color: var(--marliva-rose-ancien);
	letter-spacing: 0.05em;
	margin-bottom: var(--marliva-space-md);
	font-style: italic;
}
.marliva-membre__bio {
	font-size: var(--marliva-fs-small);
	color: var(--marliva-gris-chaud);
	line-height: 1.7;
}

/* ============================================================
   TARIFS — cards prix
   ============================================================ */
.marliva-tarifs {
	padding: var(--marliva-space-4xl) var(--marliva-space-lg);
	background: var(--marliva-sable);
}
.marliva-tarifs__grid {
	max-width: var(--marliva-container);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--marliva-space-xl);
}
@media (max-width: 720px) { .marliva-tarifs__grid { grid-template-columns: 1fr; } }
.marliva-tarif-card {
	background: var(--marliva-blanc-creme);
	border: 1px solid var(--marliva-separateur);
	border-radius: var(--marliva-radius-lg);
	padding: var(--marliva-space-xl);
}
.marliva-tarif-card__pole {
	font-family: var(--marliva-font-sans);
	font-size: var(--marliva-fs-tiny);
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--marliva-or-mat);
	margin-bottom: var(--marliva-space-sm);
}
.marliva-tarif-card__titre {
	font-family: var(--marliva-font-serif);
	font-size: 1.75rem;
	color: var(--marliva-bleu-encre);
	margin-bottom: var(--marliva-space-md);
	font-weight: 500;
}
.marliva-tarif-card__items {
	list-style: none;
	padding: 0;
	margin: 0 0 var(--marliva-space-lg) 0;
}
.marliva-tarif-card__items li {
	padding: var(--marliva-space-sm) 0;
	border-bottom: 1px solid var(--marliva-separateur);
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: var(--marliva-space-md);
	font-size: var(--marliva-fs-small);
	color: var(--marliva-gris-chaud);
}
.marliva-tarif-card__items li:last-child { border-bottom: none; }
.marliva-tarif-card__items strong {
	font-family: var(--marliva-font-serif);
	color: var(--marliva-bleu-encre);
	font-size: 1.125rem;
	font-weight: 500;
	white-space: nowrap;
}

/* ============================================================
   TÉMOIGNAGES — liste
   ============================================================ */
.marliva-temoignages-liste {
	padding: var(--marliva-space-4xl) var(--marliva-space-lg);
	background: var(--marliva-ivoire);
}
.marliva-temoignages-liste__grid {
	max-width: var(--marliva-container);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--marliva-space-xl);
}
@media (max-width: 720px) { .marliva-temoignages-liste__grid { grid-template-columns: 1fr; } }
.marliva-temoignage-card {
	background: var(--marliva-blanc-creme);
	border: 1px solid var(--marliva-separateur);
	border-radius: var(--marliva-radius-lg);
	padding: var(--marliva-space-xl);
	display: flex;
	flex-direction: column;
}
.marliva-temoignage-card__stars {
	color: var(--marliva-or-mat);
	letter-spacing: 0.1em;
	margin-bottom: var(--marliva-space-md);
	font-size: 1.125rem;
}
.marliva-temoignage-card__citation {
	font-family: var(--marliva-font-serif);
	font-style: italic;
	font-size: 1.25rem;
	line-height: 1.5;
	color: var(--marliva-bleu-encre);
	margin-bottom: var(--marliva-space-lg);
	flex-grow: 1;
}
.marliva-temoignage-card__nom {
	font-family: var(--marliva-font-serif);
	font-size: 1.125rem;
	color: var(--marliva-bleu-encre);
}
.marliva-temoignage-card__role {
	font-family: var(--marliva-font-sans);
	font-size: var(--marliva-fs-small);
	color: var(--marliva-gris-chaud);
	letter-spacing: 0.05em;
	margin-top: 0.25rem;
}

/* ============================================================
   CONTACT — info + emplacement formulaire
   ============================================================ */
.marliva-contact {
	padding: var(--marliva-space-4xl) var(--marliva-space-lg);
	background: var(--marliva-blanc-creme);
}
.marliva-contact__inner {
	max-width: var(--marliva-container);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	gap: var(--marliva-space-3xl);
}
@media (max-width: 900px) { .marliva-contact__inner { grid-template-columns: 1fr; } }
.marliva-contact__info dt {
	font-family: var(--marliva-font-sans);
	font-size: var(--marliva-fs-tiny);
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--marliva-or-mat);
	margin-top: var(--marliva-space-lg);
	margin-bottom: 0.25rem;
}
.marliva-contact__info dt:first-of-type { margin-top: 0; }
.marliva-contact__info dd {
	margin: 0;
	font-size: 1.125rem;
	color: var(--marliva-bleu-encre);
}
.marliva-contact__info dd a {
	color: var(--marliva-bleu-encre);
	text-decoration: none;
}
.marliva-contact__info dd a:hover {
	color: var(--marliva-rose-ancien);
}
.marliva-contact__form {
	background: var(--marliva-ivoire);
	border: 1px solid var(--marliva-separateur);
	border-radius: var(--marliva-radius-lg);
	padding: var(--marliva-space-xl);
}
.marliva-contact__form-placeholder {
	min-height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: var(--marliva-gris-chaud);
	text-align: center;
}

/* ============================================================
   RDV — placeholder Calendly
   ============================================================ */
.marliva-rdv {
	padding: var(--marliva-space-4xl) var(--marliva-space-lg);
	background: var(--marliva-blanc-creme);
}
.marliva-rdv__inner {
	max-width: 800px;
	margin: 0 auto;
	background: var(--marliva-ivoire);
	border: 1px solid var(--marliva-separateur);
	border-radius: var(--marliva-radius-lg);
	padding: var(--marliva-space-2xl);
	text-align: center;
}
.marliva-rdv__icon {
	font-family: var(--marliva-font-serif);
	font-size: 4rem;
	color: var(--marliva-rose-ancien);
	font-style: italic;
	line-height: 1;
	margin-bottom: var(--marliva-space-lg);
}
.marliva-rdv__alternatives {
	margin-top: var(--marliva-space-xl);
	padding-top: var(--marliva-space-xl);
	border-top: 1px solid var(--marliva-separateur);
}
.marliva-rdv__alt-link {
	display: block;
	padding: var(--marliva-space-md) 0;
	color: var(--marliva-bleu-encre);
	font-family: var(--marliva-font-sans);
	font-weight: 500;
	border-bottom: 1px solid var(--marliva-separateur);
}
.marliva-rdv__alt-link:last-child { border-bottom: none; }
.marliva-rdv__alt-link:hover { color: var(--marliva-rose-ancien); }

/* ============================================================
   À PROPOS — sections éditoriales
   ============================================================ */
.marliva-apropos-section {
	padding: var(--marliva-space-3xl) var(--marliva-space-lg);
	max-width: 800px;
	margin: 0 auto;
}
.marliva-apropos-section h2 {
	margin-bottom: var(--marliva-space-lg);
}