/* =============================================
   EDENN — DIRECTION « CABINET »
   Clair, sobre, rassurant : ostéopathe, kiné, diététicienne,
   psychologue, orthophoniste. Activée par body.dir-cabinet
   (Customizer > Direction artistique, ou sélecteur démo).
   ============================================= */

/* ========== TOKENS ========== */
body.dir-cabinet {
  --accent: #2F6E8A;            /* bleu pétrole : 5.6:1 avec texte blanc */
  --accent-deep: #245770;
  --accent-secondary: #8FBFCF;
  --accent-blue: #6F8FA6;
  --light: #F3F6F8;
  --bg: #FFFFFF;
  --bg-light: #F3F6F8;
  --text: #1F2A33;
  --text-light: #4A5763;
  --border: rgba(31, 42, 51, 0.08);
  --footer: #1F2A33;
  --footer-text: #B4C0C9;
  --primary: #1F2A33;
  --secondary: var(--accent);
}
body.dir-cabinet.dark-mode {
  --accent: #3C83A3;
  --accent-deep: #5FA3BF;
  --accent-secondary: #8FBFCF;
  --light: #1C252C;
  --bg: #141B21;
  --bg-light: #1C252C;
  --text: #E8EEF2;
  --text-light: #B4C0C9;
  --border: rgba(255, 255, 255, 0.07);
  --footer: #0F151A;
  --primary: #FFFFFF;
}

/* Modèles Elementor (.ed-tpl) */
body.dir-cabinet .ed-tpl {
  --ed-sage-text: #255A72;
  --ed-eyebrow-fg: #1E4A5E;
  --ed-eyebrow-bg: rgba(47, 110, 138, 0.09);
  --ed-line: rgba(31, 42, 51, 0.09);
  --ed-radius: 8px;
  --ed-serif: 'Inter', system-ui, sans-serif;
}
body.dir-cabinet.dark-mode .ed-tpl {
  --ed-sage-text: #9FCBDD;
  --ed-eyebrow-fg: #E3F1F7;
  --ed-eyebrow-bg: rgba(159, 203, 221, 0.13);
  --ed-line: rgba(232, 238, 242, 0.12);
}
body.dir-cabinet.dark-mode .e-con.ed-section,
body.dir-cabinet.dark-mode .e-con.ed-credits { background-color: #18222A; }
body.dir-cabinet.dark-mode .ed-tpl .ed-title .elementor-heading-title { color: #CFE6EF !important; }

/* ========== TYPOGRAPHIE : sans-serif net, pas d'italique décorative ========== */
body.dir-cabinet h1, body.dir-cabinet h2, body.dir-cabinet h3,
body.dir-cabinet h4, body.dir-cabinet h5, body.dir-cabinet h6,
body.dir-cabinet .hero-title,
body.dir-cabinet .ed-tpl .elementor-heading-title {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
body.dir-cabinet .ed-tpl .ed-title .elementor-heading-title {
  font-size: clamp(1.6rem, 2.4vw, 2.05rem);
}
body.dir-cabinet .ed-tpl .ed-eyebrow .elementor-heading-title {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body.dir-cabinet .quote-edenn,
body.dir-cabinet .hero-subtitle {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-style: normal;
  font-weight: 400;
}
body.dir-cabinet .single-post-wrapper { font-family: 'Inter', system-ui, sans-serif; }

/* ========== BOUTONS ========== */
@media (hover: hover) and (pointer: fine) {
  body.dir-cabinet .ed-tpl .ed-btn .elementor-button:hover,
  body.dir-cabinet .ed-parallax__btn:hover { background: var(--accent-deep); }
  body.dir-cabinet .ed-parallax__btn--outline:hover { color: var(--accent-deep) !important; }
}

/* =============================================
   MISE EN PAGE CABINET
   Rien à voir avec l'ambiance Edenn : pas de grande photo plein écran
   ni de titres centrés à filet décoratif. Une grille nette, des cartes
   filaires, des étapes numérotées, des chiffres rassurants.
   ============================================= */

/* Sections : blanc et gris-bleu en alternance, titres alignés à gauche */
body.dir-cabinet .e-con.ed-section { background-color: var(--bg); }
body.dir-cabinet .e-con.ed-section.ed-alt { background-color: var(--bg-light); }
body.dir-cabinet.dark-mode .e-con.ed-section.ed-alt { background-color: #1A242C; }
body.dir-cabinet .e-con.ed-head--center { align-items: flex-start; text-align: left; }
body.dir-cabinet .e-con.ed-head--center .ed-lead { margin-inline: 0; }
body.dir-cabinet .ed-tpl .ed-title .elementor-heading-title::after { display: none; }
body.dir-cabinet .ed-tpl .ed-title .elementor-heading-title { color: var(--text) !important; }
body.dir-cabinet .ed-narrow:not(.ed-legal) > .elementor-widget-text-editor:not(.ed-note) p:first-child {
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: 500;
}

/* Surtitre : texte capitales précédé d'un trait, sans pastille */
body.dir-cabinet .ed-tpl .ed-eyebrow .elementor-heading-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  background: none;
  color: var(--accent) !important;
  letter-spacing: 0.1em;
}
body.dir-cabinet .ed-tpl .ed-eyebrow .elementor-heading-title::before {
  content: '';
  width: 20px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
}
body.dir-cabinet.dark-mode .ed-tpl .ed-eyebrow .elementor-heading-title { color: #9FCBDD !important; }

/* Listes : coches au lieu des puces rondes */
body.dir-cabinet .ed-tpl .elementor-widget-text-editor ul li::before {
  top: 0.25em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5'/%3E%3C/svg%3E") center / 70% no-repeat;
}

/* Boutons : rectangulaires, variante filaire */
body.dir-cabinet .ed-tpl .ed-btn .elementor-button { border-radius: 8px; box-shadow: none; }
body.dir-cabinet .ed-tpl .ed-btn--ghost .elementor-button {
  background: transparent;
  color: var(--accent) !important;
  box-shadow: inset 0 0 0 1.5px var(--accent);
}
@media (hover: hover) and (pointer: fine) {
  body.dir-cabinet .ed-tpl .ed-btn--ghost .elementor-button:hover { background: var(--accent); color: #fff !important; }
}

/* Images : coins nets, pas de cadre décalé ni de photo en médaillon */
body.dir-cabinet .e-con.ed-split__media:has(> .ed-img)::before { display: none; }
body.dir-cabinet .ed-tpl .ed-img img,
body.dir-cabinet .ed-split__media .ed-img { border-radius: 12px; }
body.dir-cabinet .ed-tpl img { filter: none; }

/* ========== EN-TÊTE DE PAGE : texte à gauche, photo à droite ========== */
body.dir-cabinet .e-con.cab-hero {
  padding-top: clamp(40px, 6vw, 80px);
  padding-bottom: clamp(40px, 6vw, 80px);
  background: linear-gradient(180deg, var(--bg-light) 0%, var(--bg) 100%);
}
body.dir-cabinet .e-con.cab-hero__grid { gap: clamp(32px, 6vw, 80px); }
body.dir-cabinet .e-con.cab-hero__text { flex: 1.15 1 0; gap: 18px; }
body.dir-cabinet .e-con.cab-hero__media { position: relative; flex: 0.85 1 0; }
body.dir-cabinet .cab-hero .cab-hero__title .elementor-heading-title {
  font-size: clamp(2rem, 4.2vw, 3.25rem) !important;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: var(--text) !important;
}
body.dir-cabinet .cab-hero .ed-lead { font-size: 1.125rem; max-width: 52ch; }
body.dir-cabinet .e-con.cab-hero__actions { flex-wrap: wrap; gap: 12px; margin-top: 6px; }
body.dir-cabinet .cab-hero__img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; }
body.dir-cabinet .cab-hero--home .cab-hero__img img { aspect-ratio: 4 / 5; }
body.dir-cabinet .cab-trust ul { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 8px; }
body.dir-cabinet .cab-trust li { font-size: 0.9rem; color: var(--text-light); }
body.dir-cabinet .e-con .cab-hero__badge {
  position: absolute;
  left: -24px;
  bottom: 28px;
  width: auto;
  padding: 14px 18px 14px 46px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg);
  box-shadow: 0 18px 40px -20px rgba(31, 42, 51, 0.35);
  font-size: 0.9rem;
  line-height: 1.4;
}
body.dir-cabinet .cab-hero__badge::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-radius: 50%;
  background: #2E9E6B;
  box-shadow: 0 0 0 4px rgba(46, 158, 107, 0.18);
}
body.dir-cabinet .cab-hero__badge p { margin: 0; color: var(--text-light); }
body.dir-cabinet .cab-hero__badge strong { color: var(--text); }

/* ========== CHIFFRES CLÉS ========== */
body.dir-cabinet .e-con.cab-stats {
  padding: 0 var(--ed-gutter);
  background: var(--bg);
}
body.dir-cabinet .e-con.cab-stats__grid {
  max-width: 1100px;
  margin-inline: auto;
  gap: 0;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--bg);
  transform: translateY(-28px);
  box-shadow: 0 20px 40px -30px rgba(31, 42, 51, 0.4);
}
body.dir-cabinet .e-con.cab-stat { flex: 1 1 0; padding: 24px 28px; gap: 4px; }
body.dir-cabinet .e-con.cab-stat + .e-con.cab-stat { border-left: 1px solid var(--border); }
body.dir-cabinet .cab-stat__n .elementor-heading-title {
  font-size: clamp(1.5rem, 2.4vw, 2rem) !important;
  font-weight: 700;
  color: var(--accent) !important;
}
body.dir-cabinet.dark-mode .cab-stat__n .elementor-heading-title { color: #9FCBDD !important; }
body.dir-cabinet .cab-stat__l p { font-size: 0.9rem; line-height: 1.4; }

/* ========== CARTES : filaires, sans fond crème ========== */
body.dir-cabinet .e-con.ed-card,
body.dir-cabinet .ed-alt .e-con.ed-card,
body.dir-cabinet .e-con.ed-box,
body.dir-cabinet .ed-alt .e-con.ed-box {
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg);
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
body.dir-cabinet .e-con.ed-box--center::after { display: none; }
@media (hover: hover) and (pointer: fine) {
  body.dir-cabinet .e-con.ed-card:hover { border-color: var(--accent); box-shadow: 0 14px 30px -24px rgba(31, 42, 51, 0.5); }
}

/* Consultations (widget colonnes) : vignettes rectangulaires en couleur */
body.dir-cabinet .edenn-services-columns { gap: 20px; }
body.dir-cabinet .edenn-services-columns .service-item {
  padding: 0 0 20px;
  text-align: left;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg);
}
body.dir-cabinet .ed-services .service-image,
body.dir-cabinet .service-image {
  width: 100%;
  height: auto !important;
  aspect-ratio: 16 / 10;
  margin: 0;
  border: 0;
  border-radius: 0 !important;
  box-shadow: none;
  filter: none;
}
body.dir-cabinet .service-item:hover .service-image { transform: none; }
body.dir-cabinet .edenn-services-columns .service-text { padding: 0 20px; }
body.dir-cabinet .ed-services .service-title { font-family: inherit !important; font-size: 1.1rem; font-weight: 600; }

/* ========== ÉTAPES NUMÉROTÉES (déroulé, rendez-vous) ========== */
body.dir-cabinet .cab-steps .e-con.ed-grid { counter-reset: cab-step; }
body.dir-cabinet .cab-steps .e-con.ed-grid > .e-con { counter-increment: cab-step; position: relative; padding-top: 64px; }
body.dir-cabinet .cab-steps .e-con.ed-grid > .e-con::before {
  content: counter(cab-step, decimal-leading-zero);
  position: absolute;
  top: 22px;
  left: clamp(24px, 3vw, 36px);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--accent);
}
body.dir-cabinet .cab-steps .e-con.ed-grid > .e-con::after {
  content: '';
  position: absolute;
  top: 31px;
  left: calc(clamp(24px, 3vw, 36px) + 32px);
  right: clamp(24px, 3vw, 36px);
  height: 1px;
  background: var(--border);
}

/* ========== LISTES, TARIFS, PARCOURS ========== */
body.dir-cabinet .ed-price { border-bottom-style: solid; }
body.dir-cabinet .ed-price__name { font-family: inherit; font-weight: 600; }
body.dir-cabinet .ed-price__value { color: var(--accent); font-weight: 700; }
body.dir-cabinet .ed-tl__title { font-family: inherit; font-size: 1.05rem; font-weight: 600; }
body.dir-cabinet .ed-tl__year {
  align-self: flex-start;
  padding: 2px 8px;
  border-radius: 6px;
  background: rgba(47, 110, 138, 0.1);
  color: var(--accent);
  font-size: 0.85rem;
  text-align: center;
}
body.dir-cabinet .ed-tpl .ed-note { border-left-color: var(--accent); border-radius: 0 8px 8px 0; }

/* FAQ : liste encadrée */
body.dir-cabinet .ed-tpl .faq-item { border: 1px solid var(--border); border-radius: 10px; background: var(--bg); margin-bottom: 10px; }
body.dir-cabinet .ed-tpl .faq-question { font-family: inherit !important; font-weight: 600; }

/* Avis : cartes sobres */
body.dir-cabinet .ed-tpl .review-item { border: 1px solid var(--border); border-radius: 12px; background: var(--bg); box-shadow: none; }
body.dir-cabinet .ed-tpl .review-text { font-family: inherit !important; font-style: normal; }

/* ========== APPEL FINAL : aplat bleu pétrole ========== */
body.dir-cabinet .e-con.ed-section.cab-cta { background: var(--accent); }
body.dir-cabinet.dark-mode .e-con.ed-section.cab-cta { background: #1E4A5E; }
body.dir-cabinet .cab-cta .elementor-heading-title,
body.dir-cabinet .cab-cta .ed-title .elementor-heading-title,
body.dir-cabinet .cab-cta .elementor-widget-text-editor,
body.dir-cabinet .cab-cta .ed-rows dt,
body.dir-cabinet .cab-cta .ed-rows dd,
body.dir-cabinet .cab-cta .ed-rows a { color: #fff !important; }
body.dir-cabinet .cab-cta .ed-eyebrow .elementor-heading-title { color: rgba(255, 255, 255, 0.8) !important; }
body.dir-cabinet .cab-cta .e-con.ed-card,
body.dir-cabinet .cab-cta .e-con.ed-box { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.2); }
body.dir-cabinet .cab-cta .ed-btn .elementor-button { background: #fff; color: var(--accent-deep) !important; }

@media (max-width: 900px) {
  body.dir-cabinet .e-con.cab-hero__grid { flex-direction: column; }
  body.dir-cabinet .e-con.cab-hero__media { width: 100%; }
  body.dir-cabinet .e-con .cab-hero__badge { left: 12px; bottom: 12px; }
  body.dir-cabinet .e-con.cab-stats__grid { flex-wrap: wrap; transform: none; margin-block: 24px; }
  body.dir-cabinet .e-con.cab-stat { flex: 1 1 50%; }
  body.dir-cabinet .e-con.cab-stat + .e-con.cab-stat { border-left: 0; }
  body.dir-cabinet .e-con.cab-stat:nth-child(even) { border-left: 1px solid var(--border); }
  body.dir-cabinet .e-con.cab-stat:nth-child(n+3) { border-top: 1px solid var(--border); }
}

/* =============================================
   SÉLECTEUR DE DIRECTION (bas de page, démo)
   Commun aux deux directions : pilule sombre neutre.
   ============================================= */
.edenn-switcher {
  position: fixed;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: calc(100vw - 32px);
  padding: 6px 6px 6px 16px;
  border-radius: 999px;
  background: rgba(28, 32, 30, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.45);
  font: 500 0.8rem/1.2 'Inter', system-ui, sans-serif;
  color: #E8EEF2;
}
.edenn-switcher__h { margin-right: 4px; white-space: nowrap; opacity: 0.7; letter-spacing: 0.04em; }
.edenn-switcher ul { display: flex; gap: 4px; margin: 0; padding: 0; list-style: none; }
.edenn-switcher a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  color: inherit !important;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 200ms ease, color 200ms ease;
}
.edenn-switcher a:hover { background: rgba(255, 255, 255, 0.1); }
.edenn-switcher a.is-active { background: #fff; color: #1F2A33 !important; }
.edenn-switcher a:focus-visible { outline: 2px solid #8FBFCF; outline-offset: 2px; }
.edenn-switcher__sw { display: inline-flex; }
.edenn-switcher__sw i { width: 10px; height: 10px; border-radius: 50%; box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0.25); }
.edenn-switcher__sw i + i { margin-left: -3px; }
body.has-edenn-switcher { padding-bottom: 72px; }
@media (max-width: 480px) {
  .edenn-switcher__h { display: none; }
  .edenn-switcher { padding-left: 6px; }
}
@media (prefers-reduced-motion: reduce) { .edenn-switcher a { transition: none; } }
