/*
 * carte-cabinet.css : carte d'un cabinet (nom, adresse, note, téléphone, boutons). Chargée sur la liste des cabinets et sur les cures qui ont des cabinets (bloc « Où nous trouver »).
 * Mobile d'abord (390 px), puis palier à 640 px.
 */

/* ---------- Carte d'un cabinet (liste des cabinets) ---------- */
.carte-cabinet{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:14px;background:var(--blanc)}
.carte-cabinet__principal{position:relative;display:flex;align-items:center;gap:12px}
.carte-cabinet__photo{display:contents}
.carte-cabinet__image,.carte-cabinet__repere{order:1;flex:none;width:60px;height:76px;border-radius:30px 30px 8px 8px;object-fit:cover;object-position:var(--cadrage,50% 50%)}
.carte-cabinet__repere{display:flex;align-items:center;justify-content:center;background:var(--vert-clair);color:var(--vert-lisere)}
.carte-cabinet__corps{order:2;display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.carte-cabinet__numero{order:3;display:flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--vert);font-family:var(--police-titre);font-weight:700;font-size:13px;line-height:1;color:var(--blanc)}
.carte-cabinet__nom{font-family:var(--police-titre);font-weight:700;font-size:18px;line-height:23px}
.carte-cabinet__lien-nom{color:var(--encre)}
.carte-cabinet__lien-nom::after{content:"";position:absolute;inset:-14px -14px 0}
.carte-cabinet__adresse,.carte-cabinet__note,.carte-cabinet__ligne,.carte-cabinet__telephone{position:relative;z-index:1}
.carte-cabinet__adresse,.carte-cabinet__note,.carte-cabinet__ligne{pointer-events:none}
.carte-cabinet__adresse{font-size:13px;line-height:19px;color:var(--texte-courant)}
.carte-cabinet__note,.carte-cabinet__ligne{font-size:13px;line-height:19px;color:var(--encre-douce)}
.carte-cabinet__note{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;font-size:14px}
.carte-cabinet__valeur{font-weight:600;font-size:15px;color:var(--encre)}
.carte-cabinet__telephone{display:none;font-size:14px;line-height:21px;font-weight:600}
.carte-cabinet__telephone a{position:relative;color:var(--encre)}
.carte-cabinet__telephone a::after{content:"";position:absolute;inset:-12px 0}
.carte-cabinet__actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}
.carte-cabinet__rdv:first-child{grid-column:1 / -1}
.carte-cabinet .bouton{--h:46px;--px:8px;--fs:14px;border-radius:10px}
.carte-cabinet__voir{display:none}
@media (min-width:640px){
	.carte-cabinet{flex-direction:row;align-items:center;gap:18px;padding:16px 18px}
	.carte-cabinet.est-selectionnee{box-shadow:0 0 0 2px var(--vert-lisere)}
	.carte-cabinet__principal{flex:1;gap:18px}
	.carte-cabinet__photo{display:block;position:relative;flex:none}
	.carte-cabinet__image,.carte-cabinet__repere{display:block;width:80px;height:100px;border-radius:40px 40px 8px 8px}
	.carte-cabinet__repere{display:flex}
	.carte-cabinet__numero{position:absolute;left:-8px;top:-6px;box-shadow:0 0 0 3px var(--blanc)}
	.carte-cabinet__corps{gap:3px}
	.carte-cabinet__nom{font-size:20px;line-height:26px}
	.carte-cabinet__adresse{font-size:14px;line-height:21px}
	.carte-cabinet__telephone{display:block}
	.carte-cabinet__actions{display:flex;flex:none;flex-direction:column;align-items:stretch}
	.carte-cabinet .bouton{--h:44px;--px:18px}
	.carte-cabinet__appel{display:none}
	.carte-cabinet__voir{display:inline-flex}
}

/* ---------- Cabinets où le soin est proposé ---------- */
.cure-cabinets{padding-block:32px}
.cure-cabinets__texte{margin-top:14px;font-size:15px;line-height:25px;color:var(--texte-courant)}
.cure-cabinets__liste{display:grid;gap:10px;margin-top:16px}
.cure-cabinets__liste>li{display:flex}
.cure-cabinets .carte-cabinet{flex:1}
@media (min-width:960px){
	.cure-cabinets{padding-block:68px 64px}
	.cure-cabinets__liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
}
/* Libellés longs (« Prendre rendez-vous à Royan ») : entre 960 et 1239 px, deux cartes côte à côte sont trop étroites, les boutons passent sous le texte. */
@media (min-width:960px) and (max-width:1239px){
	.cure-cabinets .carte-cabinet--libelles{flex-direction:column;align-items:stretch;gap:14px}
}