/*
Theme Name:  Astra – Institut Belle Escale
Template:    astra
Description: Thème enfant d'Astra pour Institut Belle Escale. Toute la mise en forme du site est dans ce fichier : il se modifie librement (Apparence › Éditeur de fichiers de thème, ou par FTP).
Author:      CDB – C Digital Business
Author URI:  https://www.cdigitalbusiness.fr
Version:     1.0.0
Text Domain: astra-institut-belle-escale
*/

:root {
	--cdb-police-titres: "Playfair Display", serif;
	--cdb-police-texte: "Jost", sans-serif;
	--cdb-poids-titres: 600;
}

/*
 * CDB Usine – styles des compositions.
 * Toutes les couleurs viennent des couleurs globales d'Astra :
 * 0 primaire · 1 accent · 2 titres · 3 texte · 4 fond clair · 5 blanc
 * 6 bordures · 7 fond sombre · 8 texte sur fond sombre
 */
:root {
	--cdb-primaire: var(--ast-global-color-0, #13294B);
	--cdb-accent: var(--ast-global-color-1, #F2B705);
	--cdb-titres: var(--ast-global-color-2, #13294B);
	--cdb-texte: var(--ast-global-color-3, #4A5262);
	--cdb-clair: var(--ast-global-color-4, #F5F6F8);
	--cdb-blanc: var(--ast-global-color-5, #FFFFFF);
	--cdb-bordure: var(--ast-global-color-6, #E3E6EB);
	--cdb-sombre: var(--ast-global-color-7, #0E1E38);
	--cdb-sur-sombre: var(--ast-global-color-8, #C3CCDA);
	--cdb-rayon: 14px;
	--cdb-espace: clamp(56px, 8vw, 96px);
}

/* ---------- Sections ---------- */
.cdb-section {
	padding: var(--cdb-espace) 24px;
	background: var(--cdb-blanc);
	color: var(--cdb-texte);
	font-family: var(--cdb-police-texte, inherit);
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.cdb-section > * + * { margin-top: 20px; }
.cdb-section--clair { background: var(--cdb-clair); }
.cdb-section--sombre { background: var(--cdb-primaire); color: var(--cdb-blanc); }
.cdb-section--sombre a { color: var(--cdb-blanc); }

.cdb-section h1, .cdb-section h2, .cdb-section h3 {
	font-family: var(--cdb-police-titres, inherit);
	color: var(--cdb-titres);
	line-height: 1.15;
	margin: 0;
}
.cdb-section--sombre h1, .cdb-section--sombre h2, .cdb-section--sombre h3 { color: var(--cdb-blanc); }

.cdb-section p { margin: 0; line-height: 1.7; font-size: 1.0625rem; }

.cdb-eyebrow {
	font-weight: 700;
	font-size: 0.875rem !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--cdb-primaire);
}
.cdb-section--sombre .cdb-eyebrow { color: var(--cdb-accent); }

.cdb-titre-section { font-size: clamp(1.75rem, 3.2vw, 2.5rem); font-weight: var(--cdb-poids-titres, 800); max-width: 760px; }
.cdb-titre-section.has-text-align-center { margin-left: auto; margin-right: auto; }

/* ---------- Hero ---------- */
.cdb-hero .wp-block-columns { gap: 48px; }
.cdb-hero__titre { font-size: clamp(2.25rem, 5vw, 3.375rem) !important; font-weight: var(--cdb-poids-titres, 800); }
.cdb-hero__texte { font-size: 1.1875rem !important; color: var(--cdb-texte); max-width: 560px; }

/* Bandeau d'accueil clair : fond doux, titre foncé, photo mise en valeur */
.cdb-hero {
	background:
		radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--cdb-accent) 16%, transparent) 0, transparent 42%),
		var(--cdb-clair);
	color: var(--cdb-texte);
	border-bottom: 1px solid var(--cdb-bordure);
	padding-top: clamp(48px, 7vw, 88px);
	padding-bottom: clamp(56px, 8vw, 96px);
}
.cdb-hero h1 { color: var(--cdb-titres); }
.cdb-hero .cdb-eyebrow {
	display: inline-block;
	color: var(--cdb-primaire);
	background: color-mix(in srgb, var(--cdb-accent) 28%, white);
	padding: 6px 12px;
	border-radius: 999px;
	letter-spacing: 0.06em;
}
.cdb-hero .cdb-garanties li::before { background: var(--cdb-primaire); }
.cdb-hero .cdb-garanties li { color: var(--cdb-titres); }
.cdb-hero__img img { box-shadow: 0 24px 50px rgba(14, 30, 56, 0.16); }
.cdb-hero__img img, .cdb-img-arrondie img {
	width: 100%;
	aspect-ratio: 4 / 3.4;
	object-fit: cover;
	border-radius: 16px 16px 16px 72px;
}
.cdb-img-arrondie img { border-radius: 16px; }

/* ---------- Boutons ---------- */
.cdb-boutons { gap: 12px; margin-top: 28px !important; }
.cdb-boutons .wp-block-button__link {
	min-height: 52px;
	padding: 14px 26px;
	border-radius: 8px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
}
.cdb-btn-accent .wp-block-button__link { background: var(--cdb-accent); color: var(--cdb-sombre); border: 2px solid var(--cdb-accent); }
.cdb-btn-accent .wp-block-button__link:hover { filter: brightness(0.95); color: var(--cdb-sombre); }
.cdb-btn-contour .wp-block-button__link { background: transparent; color: var(--cdb-blanc); border: 2px solid var(--cdb-blanc); }
.cdb-section:not(.cdb-section--sombre) .cdb-btn-contour .wp-block-button__link { color: var(--cdb-primaire); border-color: var(--cdb-primaire); }

/* ---------- Listes ---------- */
.cdb-garanties, .cdb-coches { list-style: none; padding: 0; margin: 24px 0 0; display: flex; flex-wrap: wrap; gap: 10px 24px; }
.cdb-coches { flex-direction: column; }
.cdb-garanties li, .cdb-coches li { position: relative; padding-left: 28px; font-weight: 600; font-size: 1rem; line-height: 1.5; }
.cdb-garanties li::before, .cdb-coches li::before {
	content: "";
	position: absolute; left: 0; top: 0.3em;
	width: 18px; height: 18px;
	background: var(--cdb-accent);
	-webkit-mask: var(--cdb-ico-check) center / contain no-repeat;
	mask: var(--cdb-ico-check) center / contain no-repeat;
}
.cdb-coches li::before { background: var(--cdb-primaire); }
.cdb-section--sombre .cdb-coches li::before { background: var(--cdb-accent); }

.cdb-pastilles { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.cdb-pastilles li { padding: 8px 14px; border-radius: 999px; background: var(--cdb-clair); border: 1px solid var(--cdb-bordure); font-weight: 600; font-size: 0.9375rem; }

/* ---------- Bandeau confiance ---------- */
.cdb-confiance { background: var(--cdb-blanc); padding-top: 28px; padding-bottom: 28px; border-bottom: 1px solid var(--cdb-bordure); }
.cdb-confiance__grille { text-align: center; gap: 24px; }
.cdb-stat__valeur { font-family: var(--cdb-police-titres, inherit); font-weight: var(--cdb-poids-titres, 800); font-size: 1.75rem !important; color: var(--cdb-primaire); }
.cdb-stat__libelle { font-size: 0.875rem !important; }

/* ---------- Cartes ---------- */
.cdb-cartes, .cdb-galerie, .cdb-engagements { gap: 24px; margin-top: 36px !important; }
.cdb-carte {
	background: var(--cdb-blanc);
	border: 1px solid var(--cdb-bordure);
	border-radius: var(--cdb-rayon);
	padding: 28px;
	display: flex; flex-direction: column; gap: 12px;
}
.cdb-carte > * { margin: 0 !important; }
.cdb-carte__titre { font-size: 1.25rem; }
.cdb-carte__titre a, .cdb-faq__theme a { color: inherit; text-decoration: none !important; }
.cdb-carte__titre a:hover { text-decoration: underline; }
.cdb-section--sombre .cdb-carte { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.14); color: var(--cdb-blanc); }

.cdb-engagement__titre { font-size: 1.0625rem; }
.cdb-engagement p { font-size: 0.9375rem; margin-top: 4px; }

/* ---------- Icônes ---------- */
.cdb-ico {
	display: inline-flex;
	width: 52px; height: 52px;
	border-radius: 12px;
	background: color-mix(in srgb, var(--cdb-accent) 22%, white);
	position: relative;
}
.cdb-ico::after {
	content: "";
	position: absolute; inset: 13px;
	background: var(--cdb-primaire);
	-webkit-mask: var(--cdb-ico, var(--cdb-ico-check)) center / contain no-repeat;
	mask: var(--cdb-ico, var(--cdb-ico-check)) center / contain no-repeat;
}
:root {
	--cdb-ico-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.cdb-ico-eclair { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E"); }
.cdb-ico-outil { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.8-3.8a6 6 0 0 1-7.9 7.9l-6.9 6.9a2.1 2.1 0 0 1-3-3l6.9-6.9a6 6 0 0 1 7.9-7.9z'/%3E%3C/svg%3E"); }
.cdb-ico-alerte { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0zM12 9v4M12 17h.01'/%3E%3C/svg%3E"); }
.cdb-ico-ampoule { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2a7 7 0 0 0-4 12.7c.6.5 1 1.3 1 2.1V17h6v-.2c0-.8.4-1.6 1-2.1A7 7 0 0 0 12 2z'/%3E%3C/svg%3E"); }
.cdb-ico-chaleur { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 14.8V3.5a2.5 2.5 0 0 0-5 0v11.3a4.5 4.5 0 1 0 5 0z'/%3E%3C/svg%3E"); }
.cdb-ico-prise { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22v-5M9 8V2M15 8V2M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8z'/%3E%3C/svg%3E"); }
.cdb-ico-maison { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E"); }
.cdb-ico-feuille { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.5 19 2c1 2 2 4.2 2 8 0 5.5-4.8 10-10 10zM2 21c0-3 1.9-5.4 5.2-6'/%3E%3C/svg%3E"); }
.cdb-ico-goutte { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.7 6.3 8.4a8 8 0 1 0 11.4 0z'/%3E%3C/svg%3E"); }
.cdb-ico-pinceau { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.4 2.6a2 2 0 0 1 2.9 2.9L11 15.8 8.2 13zM7 14a3 3 0 0 0-3 3c0 1.3-1 2-2 2 1 1.5 2.7 2 4 2a4 4 0 0 0 4-4z'/%3E%3C/svg%3E"); }
/* Icônes des métiers de la beauté */
.cdb-ico-visage { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 14.5s1.3 1.8 3.5 1.8 3.5-1.8 3.5-1.8M9 9.5h.01M15 9.5h.01'/%3E%3C/svg%3E"); }
.cdb-ico-corps { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20c-4.5 0-8-2.5-8-6 2.5 0 5.5 1.2 8 4 2.5-2.8 5.5-4 8-4 0 3.5-3.5 6-8 6z'/%3E%3Cpath d='M12 18c-2-2.2-2.5-5.5 0-10 2.5 4.5 2 7.8 0 10z'/%3E%3C/svg%3E"); }
.cdb-ico-epilation { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.2 3.8a6 6 0 0 0-8.5 0L5 10.5V19h8.5l6.7-6.7a6 6 0 0 0 0-8.5z'/%3E%3Cpath d='M16 8 2 22M17.5 15H9'/%3E%3C/svg%3E"); }
.cdb-ico-mains { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 10h6v10a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z'/%3E%3Cpath d='M10.5 10V6h3v4M11 6V3h2v3'/%3E%3C/svg%3E"); }
.cdb-ico-maquillage { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.4 2.6a2 2 0 0 1 2.9 2.9L11 15.8 8.2 13z'/%3E%3Cpath d='M7.5 14.5c-1.7 0-3 1.3-3 3 0 1.3-1 2.5-2.5 2.5 1 1.3 2.6 2 4.3 2 2.7 0 4.7-2 4.7-4.5'/%3E%3C/svg%3E"); }
.cdb-ico-soleil { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E"); }
.cdb-ico-regard { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.cdb-ico-ciseaux { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M20 4 8.1 15.9M14.5 14.5 20 20M8.1 8.1 12 12'/%3E%3C/svg%3E"); }
.cdb-ico-cadeau { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E"); }
.cdb-ico-etoile { --cdb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z'/%3E%3C/svg%3E"); }

/* ---------- Galerie ---------- */
.cdb-galerie__photo { margin: 0; }
.cdb-galerie__photo img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; }
.cdb-galerie__photo figcaption { text-align: left; font-weight: 700; color: var(--cdb-titres); margin-top: 10px; }

/* ---------- Avis ---------- */
.cdb-etoiles::before { content: "★★★★★"; color: var(--cdb-accent); letter-spacing: 3px; font-size: 1.125rem; }
.cdb-avis__note { opacity: 0.88; }
.cdb-avis__auteur { font-weight: 700; font-size: 0.9375rem !important; opacity: 0.85; }

/* ---------- Zone ---------- */
.cdb-carte-maps { width: 100%; height: 380px; border: 0; border-radius: 16px; background: var(--cdb-clair); display: block; }
.cdb-zone__horaires { font-size: 0.9375rem !important; }

/* ---------- FAQ ---------- */
.cdb-faq__item {
	border: 1px solid var(--cdb-bordure);
	border-radius: 12px;
	padding: 18px 22px;
	background: var(--cdb-clair);
	margin-top: 12px !important;
}
.cdb-section--clair .cdb-faq__item { background: var(--cdb-blanc); }
.cdb-faq__item summary {
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	font-family: var(--cdb-police-titres, inherit);
	font-weight: 700;
	color: var(--cdb-titres);
	font-size: 1.1875rem;
	line-height: 1.4;
	min-height: 32px;
}
.cdb-faq__item summary::-webkit-details-marker { display: none; }
.cdb-faq__item summary::after {
	content: "+";
	flex: 0 0 32px;
	width: 32px; height: 32px;
	border-radius: 50%;
	background: var(--cdb-primaire);
	color: var(--cdb-blanc);
	display: flex; align-items: center; justify-content: center;
	font-size: 1.375rem; font-weight: 600; line-height: 1;
}
.cdb-faq__item[open] summary::after { content: "−"; background: var(--cdb-accent); color: var(--cdb-sombre); }
.cdb-faq__item[open] { border-color: var(--cdb-primaire); }
.cdb-faq__item p { margin-top: 14px !important; }
.cdb-faq__theme { font-size: 1.5rem !important; margin-top: 40px !important; }
.cdb-faq__theme a { color: inherit; text-decoration: none; }
.cdb-faq__plus { margin-top: 24px !important; font-weight: 700; }

/* ---------- En-têtes de page ---------- */
/* En-tête des pages intérieures : clair et compact, avec fil d'Ariane */
.cdb-entete {
	background: var(--cdb-clair);
	border-bottom: 1px solid var(--cdb-bordure);
	padding-top: clamp(28px, 4vw, 44px);
	padding-bottom: clamp(32px, 4.5vw, 52px);
}
.cdb-entete > * + * { margin-top: 12px; }
.cdb-entete__titre { font-size: clamp(1.875rem, 4vw, 2.75rem) !important; font-weight: var(--cdb-poids-titres, 800); color: var(--cdb-titres); }
.cdb-entete__intro { font-size: 1.125rem !important; max-width: 680px; color: var(--cdb-texte); }
.cdb-ariane { font-size: 0.875rem !important; color: var(--cdb-texte); }
.cdb-ariane a { color: var(--cdb-primaire); text-decoration: none !important; font-weight: 600; }
.cdb-ariane a:hover { text-decoration: underline; }
.cdb-ariane span { margin: 0 6px; opacity: 0.6; }
.cdb-entete .cdb-boutons { margin-top: 20px !important; }

/* ---------- Service, contact ---------- */
.cdb-service__cols, .cdb-contact__cols, .cdb-deux-colonnes { gap: 56px; }
.cdb-service .wp-block-column > * + * { margin-top: 18px; }
.cdb-encart { background: var(--cdb-clair); position: sticky; top: 24px; }
.cdb-contact__ligne { margin-top: 10px !important; }
.cdb-a-completer { padding: 16px; border: 2px dashed var(--cdb-accent); border-radius: 10px; font-weight: 600; }

.cdb-legal h2 { font-size: 1.375rem; margin-top: 32px !important; }
.cdb-legal h2:first-child { margin-top: 0 !important; }

@media (max-width: 781px) {
	.cdb-encart { position: static; }
	.cdb-hero .wp-block-columns, .cdb-deux-colonnes { gap: 32px; }
}

/* Formulaire de devis (Forminator) aux couleurs du site */
.cdb-formulaire .forminator-ui .forminator-button-submit {
	background: var(--cdb-accent) !important;
	color: var(--cdb-sombre) !important;
	border-radius: 8px !important;
	font-weight: 700 !important;
	min-height: 50px;
	padding: 0 28px !important;
	box-shadow: none !important;
}
.cdb-formulaire .forminator-ui .forminator-label { font-weight: 600 !important; color: var(--cdb-titres) !important; }
.cdb-formulaire .forminator-ui .forminator-input,
.cdb-formulaire .forminator-ui .forminator-textarea,
.cdb-formulaire .forminator-ui select { border-radius: 8px !important; }
.cdb-formulaire .forminator-ui .forminator-checkbox__label,
.cdb-formulaire .forminator-ui .forminator-checkbox-label { font-size: 0.875rem !important; line-height: 1.5 !important; }

/* ---------- Métiers de prestations (institut, spa…) ---------- */
/* Prix « à partir de » sur les cartes de soins */
.cdb-carte__prix { font-weight: 700; color: var(--cdb-primaire); font-size: 0.9375rem !important; margin-top: auto !important; padding-top: 4px; }
.cdb-carte__lien { font-weight: 700; font-size: 0.9375rem !important; }
.cdb-carte__lien a { color: var(--cdb-primaire); text-decoration: none; }
.cdb-carte__lien a:hover { text-decoration: underline; }

/* Carte des soins : tableau Soin · Durée · Prix */
.cdb-tarifs__categorie { font-size: 1.5rem !important; margin-top: 44px !important; }
.cdb-tarifs__categorie:first-child { margin-top: 0 !important; }
.cdb-tarifs__categorie a { color: inherit; text-decoration: none; }
.cdb-tarifs__categorie a:hover { text-decoration: underline; }
.cdb-tarifs { margin: 16px 0 0 !important; }
.cdb-tarifs table { width: 100%; border-collapse: collapse; font-size: 1rem; border: 0 !important; }
.cdb-tarifs th, .cdb-tarifs td { border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; }
.cdb-tarifs thead { border: 0; }
.cdb-tarifs th { text-align: left; font-size: 0.8125rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--cdb-texte); font-weight: 700; padding: 0 0 10px; border: 0; border-bottom: 2px solid var(--cdb-primaire); }
.cdb-tarifs td { padding: 14px 0; border: 0; border-bottom: 1px solid var(--cdb-bordure); vertical-align: top; }
.cdb-tarifs td:first-child { font-weight: 600; color: var(--cdb-titres); padding-right: 16px; }
.cdb-tarifs th:nth-child(2), .cdb-tarifs td:nth-child(2) { width: 110px; color: var(--cdb-texte); white-space: nowrap; }
.cdb-tarifs th:last-child, .cdb-tarifs td:last-child { width: 110px; text-align: right; white-space: nowrap; }
.cdb-tarifs td:last-child { font-weight: 700; color: var(--cdb-primaire); }
.cdb-tarifs__note { font-size: 0.875rem !important; margin-top: 28px !important; opacity: 0.85; }
@media (max-width: 560px) {
	.cdb-tarifs th:nth-child(2), .cdb-tarifs td:nth-child(2) { width: 72px; font-size: 0.875rem; }
	.cdb-tarifs th:last-child, .cdb-tarifs td:last-child { width: 72px; }
}

/* Équipe */
.cdb-equipe { gap: 28px; margin-top: 36px !important; }
.cdb-membre { text-align: center; }
.cdb-membre > * + * { margin-top: 6px !important; }
.cdb-membre__photo { margin: 0 auto 14px !important; max-width: 220px; }
.cdb-membre__photo img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 50%; }
.cdb-membre__nom { font-size: 1.25rem !important; }
.cdb-membre__role { font-weight: 700; color: var(--cdb-primaire); font-size: 0.9375rem !important; }
.cdb-membre__texte { font-size: 0.9375rem !important; }

/* Infos pratiques : horaires jour par jour */
.cdb-horaires { list-style: none; padding: 0; margin: 20px 0 0; max-width: 420px; }
.cdb-horaires li { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid var(--cdb-bordure); font-size: 1rem; }
.cdb-horaires li strong { color: var(--cdb-titres); }
.cdb-horaires .cdb-horaires__ferme { opacity: 0.6; }
.cdb-infos__ligne { margin-top: 10px !important; }

/* Réservation en ligne (Amelia) */
.cdb-reservation { min-height: 420px; }

/* ---------- Style « Beauté » (recette esthétique) : photos, rondeurs, sérénité ---------- */
.cdb-beaute-surtitre { font-size: 0.8125rem !important; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 500; color: var(--cdb-primaire); margin-bottom: 10px !important; }
.cdb-beaute-titre { font-size: clamp(1.875rem, 3.6vw, 2.75rem) !important; font-weight: var(--cdb-poids-titres, 600); line-height: 1.15; margin-top: 0 !important; }
.cdb-beaute-lien a { color: var(--cdb-primaire); font-weight: 500; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.cdb-beaute-lien a::after { content: " →"; }
.cdb-beaute-tete { gap: 16px 32px; margin-bottom: 36px !important; }

/* Bannière pleine largeur sur photo */
.wp-block-cover.cdb-beaute-hero { padding: 120px 24px 96px; }
.cdb-beaute-hero .wp-block-cover__background { opacity: 1 !important; background: linear-gradient(90deg, color-mix(in srgb, var(--cdb-sombre) 78%, transparent) 0%, color-mix(in srgb, var(--cdb-sombre) 45%, transparent) 55%, color-mix(in srgb, var(--cdb-sombre) 10%, transparent) 100%) !important; }
.wp-block-cover.cdb-beaute-hero .wp-block-cover__inner-container { width: 100% !important; max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; }
.cdb-beaute-hero p, .cdb-beaute-hero h1 { color: var(--cdb-blanc) !important; }
.cdb-beaute-hero__contenu { max-width: 600px; color: var(--cdb-blanc); }
.cdb-beaute-hero p.cdb-beaute-surtitre { color: var(--cdb-accent) !important; }
.cdb-beaute-hero__titre { color: var(--cdb-blanc) !important; font-size: clamp(2.375rem, 5.4vw, 4rem) !important; line-height: 1.08; font-weight: var(--cdb-poids-titres, 600); margin: 0 0 20px !important; }
.cdb-beaute-hero__texte { font-size: 1.1875rem !important; opacity: 0.92; max-width: 520px; }
.cdb-beaute-hero .cdb-boutons { margin-top: 32px !important; }
.cdb-beaute-btn-clair .wp-block-button__link { background: transparent; color: var(--cdb-blanc); border: 1px solid color-mix(in srgb, var(--cdb-blanc) 70%, transparent); }
.cdb-beaute-btn-clair .wp-block-button__link:hover { background: color-mix(in srgb, var(--cdb-blanc) 14%, transparent); color: var(--cdb-blanc); }
.cdb-beaute-hero__note { margin-top: 28px !important; font-size: 0.9375rem !important; opacity: 0.9; }
.cdb-beaute-hero__note .cdb-etoiles::before { font-size: 0.9375rem; }

/* Boutons arrondis sur les sites beauté */
.cdb-beaute-hero .wp-block-button__link, .cdb-beaute-soins .wp-block-button__link, .cdb-beaute-carte .wp-block-button__link,
.cdb-beaute-institut .wp-block-button__link, .cdb-beaute-final .wp-block-button__link, .cdb-infos .wp-block-button__link { border-radius: 999px; padding: 15px 30px; }

/* Mosaïque de soins en photos */
.cdb-beaute-soins { background: var(--cdb-blanc); }
.cdb-beaute-mosaique { gap: 20px; }
.wp-block-cover.cdb-beaute-tuile { border-radius: 22px; overflow: hidden; padding: 28px; align-items: flex-end; }
.cdb-beaute-tuile .wp-block-cover__image-background { transition: transform 0.6s ease; }
.cdb-beaute-tuile:hover .wp-block-cover__image-background { transform: scale(1.04); }
.cdb-beaute-tuile .wp-block-cover__background { opacity: 1 !important; background: linear-gradient(180deg, transparent 35%, color-mix(in srgb, var(--cdb-sombre) 82%, transparent) 100%) !important; }
.cdb-beaute-tuile .wp-block-cover__inner-container, .cdb-beaute-tuile p { color: var(--cdb-blanc) !important; }
.cdb-beaute-tuile .wp-block-cover__inner-container > * { margin: 0 !important; }
.cdb-beaute-tuile__titre { font-size: 1.5rem !important; font-weight: var(--cdb-poids-titres, 600); }
.cdb-beaute-tuile__titre a { color: var(--cdb-blanc) !important; text-decoration: none !important; }
.cdb-beaute-tuile__titre a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.cdb-beaute-tuile__texte { font-size: 0.9375rem !important; opacity: 0.88; margin-top: 6px !important; }
.cdb-beaute-tuile__prix { margin-top: 12px !important; display: inline-block; font-size: 0.8125rem !important; letter-spacing: 0.06em; background: color-mix(in srgb, var(--cdb-blanc) 18%, transparent); border: 1px solid color-mix(in srgb, var(--cdb-blanc) 40%, transparent); border-radius: 999px; padding: 5px 14px; }

/* La carte : soins les plus demandés, présentés comme un menu */
.cdb-beaute-carte { background: var(--cdb-clair); }
.cdb-beaute-menu { gap: 6px 56px; margin: 40px 0 36px !important; }
.cdb-beaute-menu__ligne { display: block; padding: 16px 0; border-bottom: 1px solid var(--cdb-bordure); margin: 0 !important; line-height: 1.5; }
.cdb-beaute-menu__nom { font-family: var(--cdb-police-titres, inherit); font-size: 1.1875rem; color: var(--cdb-titres); }
.cdb-beaute-menu__prix { float: right; font-weight: 600; color: var(--cdb-primaire); font-size: 1.0625rem; }
.cdb-beaute-menu__detail { font-size: 0.875rem; opacity: 0.75; }

/* L'institut : photo en arche */
.cdb-beaute-institut__cols { gap: 64px !important; }
.cdb-beaute-arche img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 999px 999px 24px 24px; }
.cdb-beaute-engagements { list-style: none; padding: 0; margin: 24px 0 8px !important; }
.cdb-beaute-engagements li { padding: 14px 0 14px 34px; border-top: 1px solid var(--cdb-bordure); position: relative; }
.cdb-beaute-engagements li::before { content: ""; position: absolute; left: 4px; top: 21px; width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--cdb-accent); }
.cdb-beaute-engagements strong { display: block; color: var(--cdb-titres); }

/* Avis : citations en italique */
.cdb-beaute-avis { background: var(--cdb-blanc); }
.cdb-beaute-citations { gap: 28px; margin-top: 40px !important; }
.cdb-beaute-citation { background: var(--cdb-clair); border-radius: 22px; padding: 36px 32px 28px; position: relative; }
.cdb-beaute-citation::before { content: "\201C"; position: absolute; top: 4px; left: 24px; font-family: Georgia, serif; font-size: 4.5rem; line-height: 1; color: var(--cdb-accent); }
.cdb-beaute-citation__texte { font-family: var(--cdb-police-titres, inherit); font-style: italic; font-size: 1.1875rem !important; line-height: 1.55; color: var(--cdb-titres); margin-top: 18px !important; }
.cdb-beaute-citation__auteur { font-size: 0.875rem !important; letter-spacing: 0.08em; text-transform: uppercase; margin-top: 16px !important; }

/* Dernier appel : fond clair et doux */
.cdb-beaute-final { background: color-mix(in srgb, var(--cdb-accent) 22%, var(--cdb-blanc)); text-align: center; }
.cdb-beaute-final p { font-size: 1.125rem; }
.cdb-beaute-final .cdb-btn-contour .wp-block-button__link { color: var(--cdb-primaire); border-color: var(--cdb-primaire); }

/* Équipe et infos pratiques un peu plus douces */
.cdb-equipe-section .cdb-titre-section, .cdb-infos .cdb-titre-section { font-weight: var(--cdb-poids-titres, 600); }

@media (max-width: 781px) {
	.wp-block-cover.cdb-beaute-hero { padding: 96px 20px 64px; min-height: 560px !important; }
	.cdb-beaute-hero .wp-block-cover__background { background: color-mix(in srgb, var(--cdb-sombre) 62%, transparent) !important; }
	.cdb-beaute-institut__cols { gap: 32px !important; }
	.cdb-beaute-arche { max-width: 360px; margin: 0 auto !important; }
	.wp-block-cover.cdb-beaute-tuile { min-height: 320px !important; }
}
.cdb-equipe.is-layout-flex > .cdb-membre { flex: 0 1 260px; }
@media (max-width: 700px) {
	.cdb-beaute-menu.is-layout-grid { grid-template-columns: 1fr !important; }
}
/* Soins les plus demandés lus dans Amelia (extension « CDB – Carte des soins ») */
.cdb-beaute-menu--amelia { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); gap: 6px 56px; }
@media (min-width: 701px) { .cdb-beaute-menu--amelia { grid-template-columns: 1fr 1fr; } }

/* =========================================================
 * En-tête et pied de page natifs d'Astra (constructeur d'en-tête / de pied de page)
 * Les réglages (couleurs de fond, bouton, colonnes) se modifient dans
 * Apparence › Personnaliser ; ces règles n'ajoutent que la finition.
 * ========================================================= */

/* Barre du haut : élément HTML d'Astra dans la rangée « au-dessus de l'en-tête » */
.ast-above-header-bar { font-size: 0.8125rem; font-family: var(--cdb-police-texte, inherit); }
.cdb-barre__infos { display: flex; flex-wrap: wrap; gap: 6px 24px; align-items: center; }
.cdb-barre__el { display: inline-flex; align-items: center; gap: 8px; color: var(--cdb-sur-sombre); }
.ast-above-header-bar a, .ast-above-header-bar a:visited { color: var(--cdb-blanc); text-decoration: none; }
.ast-above-header-bar a:hover { color: var(--cdb-accent); }
.cdb-barre__tel { font-weight: 700; }
.cdb-barre__ico { width: 15px; height: 15px; background: var(--cdb-accent); -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; flex: 0 0 15px; }
.cdb-barre__ico--tel { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); }
.cdb-barre__ico--horloge { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }
.cdb-barre__ico--lieu { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
@media (max-width: 921px) {
	.cdb-barre__el:not(.cdb-barre__tel) { display: none; }
	.cdb-barre__infos { justify-content: center; }
}

/* En-tête principal : fond blanc, séparation discrète */
.ast-primary-header-bar { box-shadow: 0 6px 18px rgba(14, 30, 56, 0.06); }

/* Logo : hauteur bornée (la largeur se règle dans Personnaliser › En-tête › Logo) */
.custom-logo-link img, .site-logo-img img { max-height: 84px; width: auto !important; height: auto; object-fit: contain; }
@media (max-width: 921px) { .custom-logo-link img, .site-logo-img img { max-height: 56px; } }

/* Sous-menu des services : carte claire avec icônes (icônes : Apparence › Menus, réglages Astra de chaque élément) */
.main-header-menu .menu-item-has-children > .menu-link .ast-icon.icon-arrow svg { width: 12px; height: 12px; margin-left: 6px; }
@media (min-width: 922px) {
	.main-header-menu .sub-menu {
		min-width: 320px;
		padding: 10px;
		border: 1px solid var(--cdb-bordure) !important;
		border-top: 3px solid var(--cdb-accent) !important;
		border-radius: 0 0 14px 14px;
		box-shadow: 0 18px 40px rgba(14, 30, 56, 0.16);
		background: var(--cdb-blanc);
	}
	.main-header-menu .sub-menu .menu-item { border: 0 !important; }
	.main-header-menu .sub-menu .menu-link { display: flex !important; align-items: center; gap: 10px; padding: 10px 12px !important; border-radius: 10px; border: 0 !important; white-space: normal; font-weight: 600; }
	.main-header-menu .sub-menu .menu-link:hover { background: var(--cdb-clair); }
}
.astra-mm-icon-label { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 9px; background: color-mix(in srgb, var(--cdb-accent) 22%, white); flex: 0 0 34px; }
.astra-mm-icon-label svg { width: 17px !important; height: 17px !important; fill: var(--cdb-primaire) !important; color: var(--cdb-primaire) !important; }

/* Pied de page : widgets d'Astra remplis de blocs (Apparence › Widgets) */
.site-footer { font-family: var(--cdb-police-texte, inherit); font-size: 0.9375rem; line-height: 1.6; }
.site-footer, .site-footer p, .site-footer li, .site-footer .ast-footer-copyright { color: var(--cdb-sur-sombre); }
.site-footer a, .site-footer a:visited { color: var(--cdb-sur-sombre); text-decoration: none; }
.site-footer a:hover { color: var(--cdb-accent); }
.site-primary-footer-wrap { padding-top: 56px; padding-bottom: 40px; }
.site-footer .cdb-pied__nom { font-family: var(--cdb-police-titres, inherit); font-weight: var(--cdb-poids-titres, 800); font-size: 1.375rem !important; color: var(--cdb-blanc); margin: 0 0 10px; }
.site-footer .cdb-pied__titre { font-family: var(--cdb-police-titres, inherit); font-weight: 700; font-size: 1rem !important; color: var(--cdb-blanc); margin: 0 0 14px; text-transform: uppercase; letter-spacing: 0.06em; }
.site-footer .cdb-pied__texte { margin: 0 0 18px; max-width: 320px; }
.site-footer ul.cdb-pied__liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.site-footer ul.cdb-pied__badges { list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.cdb-pied__badges li { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 999px; padding: 4px 12px; font-size: 0.8125rem; color: var(--cdb-blanc) !important; }
.site-footer .cdb-pied__bouton .wp-block-button__link { background: var(--cdb-accent); color: var(--cdb-sombre) !important; font-weight: 700; border-radius: 8px; padding: 12px 22px; }
.site-below-footer-wrap { border-top: 1px solid rgba(255, 255, 255, 0.12); font-size: 0.8125rem; }
.cdb-pied__legal a + a::before { content: "·"; margin: 0 8px; color: var(--cdb-sur-sombre); }
.cdb-pied__credit a { color: var(--cdb-blanc) !important; font-weight: 700; }
.astra-mm-icon-label .ahfb-svg-iconset { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0 !important; }

/* En-tête collant : logo plus compact */
.ast-header-sticked .custom-logo-link img, .ast-header-sticked .site-logo-img img,
#ast-fixed-header .custom-logo-link img, #ast-fixed-header .site-logo-img img,
.ast-sticky-active .custom-logo-link img, .ast-sticky-active .site-logo-img img { max-height: 60px; }