/*
 * composants-histoire-faq.css : composants communs aux pages « Notre histoire » (maquette 20), « Contact » (maquette 21) et « Questions fréquentes » (maquette 22) :
 * entête à surtitre, titre de section, cartes de cabinet sans photo, bloc « Bilan offert » de fin de page.
 * Mobile d'abord (390 px), puis paliers à 640, 960 et 1280 px.
 */

/* ---------- Entête de page à surtitre (complète entete-page.css) ---------- */
.entete-formulaire--page .entete-formulaire__titre em{display:inline;font-weight:500;font-size:21px;line-height:30px;color:var(--vert-titre)}
.entete-formulaire--page .entete-formulaire__surtitre{line-height:normal}
@media (max-width:959px){.entete-formulaire--page .entete-formulaire__surtitre{margin-top:2px;letter-spacing:.22em}}
@media (min-width:960px) and (max-width:1279px){.entete-formulaire--page .entete-formulaire__surtitre{letter-spacing:.22em}}
.entete-formulaire__ligne{margin-top:14px;font-size:13px;line-height:20px;color:var(--encre-douce)}
@media (min-width:640px){
	.entete-formulaire--page .entete-formulaire__titre em{font-size:26px;line-height:34px}
}
@media (min-width:1280px){
	.entete-formulaire--page .entete-formulaire__titre em{font-size:30px;line-height:40px}
	.entete-formulaire--page .entete-formulaire__texte{max-width:720px;font-size:18px}
}

/* ---------- Titre de section de ces pages : 26 px sur mobile, 36 px à partir de 960 px ---------- */
.titre-section--page{flex-wrap:nowrap}
.titre-section--page .titre-section__titre{font-size:26px;line-height:33px}
@media (min-width:960px){
	.titre-section--page .titre-section__titre{font-size:36px;line-height:44px}
}

/* ---------- Carte de cabinet sans photo ---------- */
.cabinets-lignes{display:grid;gap:12px;margin-top:16px}
.cabinet-ligne{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border-radius:14px;background:var(--blanc)}
.cabinet-ligne__corps{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.cabinet-ligne__nom{font-family:var(--police-titre);font-weight:700;font-size:20px;line-height:26px;color:var(--encre)}
.cabinet-ligne__adresse,.cabinet-ligne__horaires{font-size:14px;line-height:21px}
.cabinet-ligne__adresse{color:var(--texte-courant)}
.cabinet-ligne__horaires{color:var(--encre-douce)}
.cabinet-ligne__depuis{font-size:13px;line-height:normal;color:var(--encre-douce)}
.cabinet-ligne__note{font-size:16px;line-height:normal}
.cabinet-ligne__note-ligne{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 8px;font-size:14px;color:var(--encre-douce)}
.cabinet-ligne__valeur{font-weight:600;font-size:15px;color:var(--encre)}
.cabinet-ligne__telephone{font-size:15px;font-weight:600;line-height:normal}
.cabinet-ligne__telephone a{color:var(--encre)}
.cabinet-ligne__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cabinet-ligne .bouton{--h:44px;--px:8px;--fs:14px;border-radius:10px}
.cabinet-ligne .cabinet-ligne__rdv{--fs:13px;white-space:nowrap}
/* Avec la photo de carte du cabinet (Notre histoire) : petite fenêtre à gauche du texte */
.cabinet-ligne__principal{display:flex;flex:1;align-items:flex-start;gap:14px;min-width:0}
.cabinet-ligne__photo{flex:none}
.cabinets-lignes--photo>li{display:flex}
.cabinet-ligne--photo{flex:1;flex-direction:column;align-items:stretch;justify-content:space-between}
@media (max-width:359px){
	.cabinet-ligne__actions{grid-template-columns:1fr}
}
@media (min-width:640px){
	.cabinet-ligne{flex-direction:row;align-items:center;gap:18px}
	.cabinet-ligne__actions{display:flex;flex:none;flex-direction:column;align-items:stretch}
	.cabinet-ligne .bouton{--px:18px}
	.cabinet-ligne--photo{flex-direction:column;align-items:stretch;gap:18px}
	.cabinet-ligne--photo .cabinet-ligne__actions{display:grid;flex:none;grid-template-columns:1fr 1fr}
	.cabinet-ligne .cabinet-ligne__rdv{--fs:14px}
}
@media (min-width:960px){
	.cabinets-lignes{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}
}

/* ---------- Bilan offert de fin de page ---------- */
.bilan-page{padding-block:4px 32px}
@media (min-width:960px){
	.bilan-page{padding-block:64px 72px}
}
.bilan-page .bloc-bilan__texte{line-height:normal}
.entete-formulaire--page .entete-formulaire__contenu{padding-bottom:26px}
@media (min-width:960px){
	.entete-formulaire--page .entete-formulaire__contenu{padding-bottom:52px}
	.entete-formulaire--page .entete-formulaire__texte{margin-top:18px}
}

/* ---------- Téléphones en texte courant ---------- */
.telephones-texte{display:block}
.telephones-texte__ligne{display:block}
.telephones-texte a{display:inline-block;min-height:24px;color:inherit}

/* ---------- Questions dépliables des pages « Questions fréquentes » et « Contact » (maquettes 22 et 21) ---------- */
.questions--faq .questions__item,.contact-questions .questions__item{padding:16px 0}
.questions--faq .questions__question,.contact-questions .questions__question{min-height:44px;gap:14px}
.questions--faq .questions__texte,.contact-questions .questions__texte{font-size:17px;line-height:23px;color:var(--encre)}
.questions--faq .questions__reponse,.contact-questions .questions__reponse{max-width:640px;margin-top:8px;font-size:15px;line-height:24px}
.questions--faq .questions__reponse a,.contact-questions .questions__reponse a{font-weight:600;text-decoration:underline;text-underline-offset:4px;color:var(--vert-fonce)}
@media (min-width:960px){
	.questions--faq .questions__item,.contact-questions .questions__item{padding:20px 0}
	.questions--faq .questions__question,.contact-questions .questions__question{gap:20px}
	.questions--faq .questions__texte,.contact-questions .questions__texte{font-size:19px;line-height:26px}
	.questions--faq .questions__reponse,.contact-questions .questions__reponse{margin-top:10px;line-height:26px}
}
@media (min-width:1281px){
	.questions--faq .questions__reponse,.contact-questions .questions__reponse{max-width:640px}
}