.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-33edbb2:#172F4E;--e-global-color-8b66c25:#002B44;--e-global-color-07881a4:#4192CD;--e-global-color-e9d8c8f:#E8F2F6;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   CENTRE DE CICATRISATION BIARRITZ — CSS GLOBAL
   Palette : Bleu ardoise clinique
   Tout est préfixé .ccb pour ne pas affecter le reste du site.
   ============================================================ */

/* ===== POLICES ===== */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap');

/* ===== VARIABLES ===== */
:root{
  --ink:#10384C;
  --ink-soft:#3D5563;
  --sage:#EAF1F5;
  --sage-line:#D5E2EA;
  --cream:#F4F7FA;
  --coral:#2D6E8E;
  --coral-soft:#7FB3CC;
  --stone:#5E707B;
  --white:#FFFFFF;
  --ccr:14px;
}

/* ===== BASE ===== */
.ccb{font-family:"Inter",system-ui,sans-serif;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
.ccb *{box-sizing:border-box}
.ccb h1,.ccb h2,.ccb h3,.ccb h4{font-family:"Fraunces",Georgia,serif !important;font-weight:500;line-height:1.1;letter-spacing:-.01em;margin:0;color:var(--ink)}
.ccb a{text-decoration:none;color:inherit}
.ccb p{margin:0}
.ccb img{max-width:100%}
.ccb-wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.ccb-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--coral);display:inline-flex;align-items:center;gap:10px}
.ccb-eyebrow::before{content:"";width:26px;height:1px;background:var(--coral)}

/* ===== BOUTONS (blindés contre le thème) ===== */
.ccb .ccb-btn{display:inline-flex !important;align-items:center;gap:8px;padding:11px 20px !important;border-radius:100px !important;font-weight:600;font-size:14.5px;line-height:1 !important;transition:.22s;border:1px solid transparent;cursor:pointer;text-decoration:none !important}
.ccb .ccb-btn-primary{background:var(--ink) !important;color:var(--cream) !important}
.ccb .ccb-btn-primary:hover{background:var(--coral) !important;color:var(--white) !important}
.ccb .ccb-btn-ghost{background:transparent !important;border-color:var(--sage-line) !important;color:var(--ink) !important}
.ccb .ccb-btn-ghost:hover{border-color:var(--ink) !important;background:var(--white) !important;color:var(--ink) !important}

/* ===== HEADER (base) ===== */
.ccb-nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.ccb-brand{font-family:"Fraunces",serif;font-size:19px;font-weight:600;display:flex;align-items:center;gap:11px;color:var(--ink)}
.ccb-brand .ccb-mark{width:30px;height:30px;flex:none}
.ccb-links{display:flex;gap:30px;align-items:center;font-size:15px;font-weight:500}
.ccb-links a{color:var(--ink-soft);transition:color .2s}
.ccb-links a:hover{color:var(--coral)}
.ccb-navcta{display:flex;gap:12px;align-items:center}

/* ===== HEADER TRANSPARENT SUR LA PHOTO (simple) ===== */
.ccb-header-wrap{background:transparent}
.ccb-header-wrap .ccb-brand{color:#fff !important}
.ccb-header-wrap .ccb-links a{color:#fff !important}
.ccb-header-wrap .ccb-links a:hover{color:var(--coral-soft) !important}
.ccb-header-wrap .ccb-brand .ccb-mark circle{stroke:#fff !important}
.ccb-header-wrap .ccb-btn-ghost{border-color:rgba(255,255,255,.5) !important;color:#fff !important}
.ccb-header-wrap .ccb-btn-ghost:hover{background:rgba(255,255,255,.14) !important;color:#fff !important}

/* ===== HERO PHOTO (pleine largeur, contenu centré) ===== */
.ccb-herophoto{position:relative;width:100%;background:#0B2A39 center/cover no-repeat;background-image:url('http://centre-cicatrisation-biarritz.fr/wp-content/uploads/2026/06/Hero-Accueil-2.png')}
.ccb-herophoto::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,28,38,.92) 0%,rgba(8,28,38,.72) 42%,rgba(8,28,38,.18) 70%,rgba(8,28,38,0) 100%)}
.ccb-herophoto .ccb-wrap{position:relative;z-index:1;padding-top:130px;padding-bottom:0}
.ccb-hp-content{max-width:700px;color:#EAF1F5;padding-bottom:90px}
.ccb-hp-content .ccb-eyebrow{color:var(--coral-soft)}
.ccb-hp-content .ccb-eyebrow::before{background:var(--coral-soft)}
.ccb-hp-content h1{color:#fff !important;font-size:clamp(34px,4.6vw,56px);margin:16px 0 0 !important}
.ccb-hp-rule{width:64px;height:3px;background:#5E96B5;border-radius:2px;margin:22px 0 26px}
.ccb-hp-content .ccb-lead{color:rgba(234,241,245,.92) !important;max-width:54ch;font-size:18px}
.ccb-hp-note{border-left:3px solid var(--coral-soft);padding-left:18px;margin:24px 0 0;font-size:14.5px;color:rgba(234,241,245,.78);max-width:54ch}
.ccb-hp-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}
.ccb-hp-actions .ccb-role-pro{background:rgba(255,255,255,.96) !important}

/* barre des 4 atouts */
.ccb-hp-bar{position:relative;z-index:1;background:rgba(255,255,255,.96);backdrop-filter:blur(4px);border-radius:18px;margin:0 auto;transform:translateY(0);display:grid;grid-template-columns:repeat(4,1fr)}
.ccb-hp-feat{display:flex;align-items:center;gap:16px;padding:26px 28px;border-right:1px solid var(--sage-line)}
.ccb-hp-feat:last-child{border-right:none}
.ccb-hp-feat svg{width:30px;height:30px;stroke:var(--ink);flex:none}
.ccb-hp-feat .ccb-ft{font-size:13px;letter-spacing:.04em;text-transform:uppercase;font-weight:600;color:var(--ink);line-height:1.3}
.ccb-hp-feat .ccb-fs{font-size:13px;color:var(--stone)}
.ccb-hp-spacer{height:80px}

/* ===== HERO (version carte, conservée au cas où) ===== */
.ccb-hero{padding:48px 0 64px}
.ccb-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.ccb-hero h1{font-size:clamp(34px,4.4vw,52px);margin:18px 0 22px !important}
.ccb-hero h1 em{font-style:italic;color:var(--coral)}
.ccb-lead{font-size:18px !important;color:var(--ink-soft) !important;max-width:42ch;margin-bottom:24px !important}
.ccb-note{border-left:3px solid var(--coral);padding:4px 0 4px 18px;margin:0 0 14px;font-size:15px;color:var(--ink-soft);max-width:46ch}
.ccb-hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}
.ccb-role{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:16px 24px;border-radius:var(--ccr);transition:.22s;text-decoration:none !important}
.ccb-role b{font-size:15px;font-weight:600}
.ccb-role span{font-size:13px;opacity:.85}
.ccb-role-patient{background:var(--ink) !important;color:var(--cream) !important}
.ccb-role-patient:hover{background:#0B2A39 !important}
.ccb-role-pro{background:var(--white) !important;border:1px solid var(--sage-line);color:var(--ink) !important}
.ccb-role-pro:hover{border-color:var(--coral)}
.ccb-hero-card{background:var(--ink);color:var(--cream);border-radius:24px;padding:34px;position:relative;overflow:hidden}
.ccb-hero-card::after{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(127,179,204,.32),transparent 70%)}
.ccb-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--coral-soft);font-weight:600}
.ccb-hero-card h3{font-size:24px;margin:14px 0 22px !important;color:var(--white) !important;position:relative;z-index:1}
.ccb-pulse{display:grid;gap:14px;position:relative;z-index:1}
.ccb-pulse-item{display:flex;align-items:center;gap:14px;font-size:14.5px;color:var(--cream)}
.ccb-pulse-dot{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:rgba(127,179,204,.14);border:1px solid rgba(127,179,204,.26)}
.ccb-pulse-dot svg{width:17px;height:17px;stroke:var(--coral-soft)}
.ccb-hero-clinic{margin-top:18px;background:rgba(127,179,204,.12);border-radius:var(--ccr);padding:18px 20px;font-size:14px;color:var(--cream);display:flex;gap:12px;align-items:flex-start;position:relative;z-index:1}
.ccb-hero-clinic svg{width:19px;height:19px;stroke:var(--coral-soft);flex:none;margin-top:2px}

/* ===== SECTIONS GÉNÉRIQUES ===== */
.ccb-section{padding:84px 0}
.ccb-head{max-width:60ch;margin-bottom:46px}
.ccb-head h2{font-size:clamp(26px,3.2vw,36px);margin:16px 0 !important}
.ccb-head p{font-size:17px;color:var(--ink-soft)}

/* ===== PARCOURS ===== */
.ccb-parcours-inner{background:var(--white);border:1px solid var(--sage-line);border-radius:24px;padding:40px 38px;margin-top:34px}
.ccb-parcours-inner h2{font-size:clamp(24px,3vw,32px);margin-top:6px !important}
.ccb-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:34px}
.ccb-track::before{content:"";position:absolute;top:19px;left:9%;right:9%;height:2px;background:var(--sage-line)}
.ccb-step{position:relative;padding:0 14px;text-align:center}
.ccb-node{width:40px;height:40px;border-radius:50%;background:var(--cream);border:2px solid var(--coral);color:var(--coral);display:grid;place-items:center;margin:0 auto 18px;position:relative;z-index:1;font-weight:600;font-family:"Fraunces",serif}
.ccb-step:first-child .ccb-node{background:var(--coral);color:var(--white)}
.ccb-step h4{font-size:17px;font-weight:600;margin-bottom:6px !important}
.ccb-step p{font-size:13.5px;color:var(--stone)}

/* ===== APPROCHE ===== */
.ccb-approach{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.ccb-approach-intro p{font-size:16.5px;color:var(--ink-soft);margin-bottom:18px !important;max-width:46ch}
.ccb-tags{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px}
.ccb-tag{font-size:13px;font-weight:500;padding:6px 14px;border-radius:100px;background:var(--sage);color:var(--ink-soft)}
.ccb-al{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:22px 4px;border-top:1px solid var(--sage-line)}
.ccb-al:last-child{border-bottom:1px solid var(--sage-line)}
.ccb-al-num{font-family:"Fraunces",serif;color:var(--coral);font-size:15px;font-weight:600;padding-top:2px}
.ccb-al h4{font-size:18px;font-weight:600;margin-bottom:5px !important}
.ccb-al p{font-size:14.5px;color:var(--stone)}

/* ===== PATHOLOGIES ===== */
.ccb-patho{background:var(--ink);color:var(--cream)}
.ccb-patho .ccb-eyebrow{color:var(--coral-soft)}
.ccb-patho .ccb-eyebrow::before{background:var(--coral-soft)}
.ccb-patho .ccb-head h2{color:var(--white) !important}
.ccb-patho .ccb-head p{color:rgba(234,241,245,.82)}
.ccb-patho-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.ccb-patho-card{background:rgba(127,179,204,.06);border:1px solid rgba(127,179,204,.16);border-radius:var(--ccr);padding:28px;transition:.25s}
.ccb-patho-card:hover{background:rgba(127,179,204,.11);transform:translateY(-3px)}
.ccb-pico{width:44px;height:44px;border-radius:12px;background:rgba(127,179,204,.18);display:grid;place-items:center;margin-bottom:18px}
.ccb-pico svg{width:22px;height:22px;stroke:var(--coral-soft)}
.ccb-patho-card h3{font-size:20px;color:var(--white) !important;margin-bottom:9px !important}
.ccb-patho-card p{font-size:14.5px;color:rgba(234,241,245,.75)}

/* ===== CONTACT ===== */
.ccb-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ccb-ccard{background:var(--white);border:1px solid var(--sage-line);border-radius:24px;padding:38px}
.ccb-ccard .ccb-eyebrow{margin-bottom:14px}
.ccb-ccard h3{font-size:24px;margin-bottom:10px !important}
.ccb-ccard>p{font-size:15px;color:var(--ink-soft);margin-bottom:24px !important;max-width:42ch}
.ccb-info{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-top:1px solid var(--sage-line)}
.ccb-info svg{width:20px;height:20px;stroke:var(--coral);flex:none;margin-top:3px}
.ccb-label{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);font-weight:600}
.ccb-val{font-size:18px;font-weight:600;font-family:"Fraunces",serif}
.ccb-val a:hover{color:var(--coral)}
.ccb-sub{font-size:13px;color:var(--stone)}
.ccb-ccard .ccb-btn{margin-top:24px}

/* ===== FOOTER ===== */
.ccb-footer{background:var(--ink);color:rgba(234,241,245,.82);padding:64px 0 30px}
.ccb-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(127,179,204,.16)}
.ccb-foot-brand{font-family:"Fraunces",serif;font-size:20px;color:var(--white);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.ccb-foot-brand .ccb-mark{width:28px;height:28px}
.ccb-footer p{font-size:14px;max-width:40ch}
.ccb-checks{list-style:none;margin-top:16px;display:grid;gap:8px;padding:0}
.ccb-checks li{font-size:14px;display:flex;gap:9px;align-items:center}
.ccb-checks li::before{content:"✓";color:var(--coral-soft);font-weight:700}
.ccb-footer h5{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-soft);margin-bottom:16px;font-weight:600}
.ccb-foot-links{display:grid;gap:11px}
.ccb-foot-links a{font-size:14px;transition:color .2s}
.ccb-foot-links a:hover{color:var(--white)}
.ccb-foot-bottom{padding-top:26px;font-size:12.5px;color:rgba(234,241,245,.55);max-width:80ch}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .ccb-hero-grid,.ccb-approach,.ccb-contact-grid,.ccb-patho-grid,.ccb-foot-grid{grid-template-columns:1fr}
  .ccb-track{grid-template-columns:1fr 1fr;gap:28px 0}
  .ccb-track::before{display:none}
  .ccb-hero{padding:40px 0}
  .ccb-section{padding:60px 0}
  .ccb-links{display:none}
  .ccb-herophoto::before{background:linear-gradient(180deg,rgba(8,28,38,.86),rgba(8,28,38,.78))}
  .ccb-hp-content{max-width:none;padding-bottom:110px}
  .ccb-hp-bar{grid-template-columns:1fr 1fr}
  .ccb-hp-feat:nth-child(2){border-right:none}
  .ccb-hp-feat:nth-child(1),.ccb-hp-feat:nth-child(2){border-bottom:1px solid var(--sage-line)}
}
@media(max-width:560px){
  .ccb-track{grid-template-columns:1fr}
  .ccb-hero-actions{flex-direction:column}
  .ccb-role{width:100%}
  .ccb-hp-bar{grid-template-columns:1fr}
  .ccb-hp-feat{border-right:none;border-bottom:1px solid var(--sage-line)}
  .ccb-hp-feat:last-child{border-bottom:none}
}
@media(prefers-reduced-motion:reduce){
  .ccb *{transition:none !important}
}
/* Header au-dessus du hero dans l'empilement */
.ccb-header-wrap{position:relative;z-index:50}
/* Forcer la transparence du header et de ses conteneurs (mode réel) */
header.elementor-location-header,
header.elementor-location-header > .e-con,
header.elementor-location-header .e-con-inner,
.ccb-header-wrap{
  background:transparent !important;
  box-shadow:none !important;
}
/* Coller le contenu tout en haut, sous le header transparent */
body{margin-top:0 !important}
.elementor-location-header{position:absolute !important;top:0;left:0;right:0;width:100%;z-index:50}
.ccb-herophoto{margin-top:0 !important}
html, body{margin-top:0 !important;padding-top:0 !important}
/* ===== CONTACT ===== */
.ccb-contact-banner{
  background:#c4d7e2 url('http://centre-cicatrisation-biarritz.fr/wp-content/uploads/2026/06/Aguilera-Accueil.png') no-repeat center/cover;
  background-blend-mode:multiply;
  padding:60px 0;
  margin-bottom:42px;
  border-radius:24px;
  overflow:hidden;
  position:relative;
}
.ccb-contact-banner::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.2)}
.ccb-contact-banner-content{position:relative;z-index:1;text-align:center;max-width:90%;margin:0 auto}
.ccb-contact-banner h2{color:var(--cream) !important;font-size:clamp(30px,4.2vw,48px);text-shadow:0 2px 12px rgba(0,0,0,.2)}
.ccb-contact-intro{text-align:center;max-width:640px;margin:0 auto 36px}
.ccb-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ccb-ccard{background:var(--white);border:1px solid var(--sage-line);border-radius:24px;padding:38px}
.ccb-ccard .ccb-eyebrow{margin-bottom:14px}
.ccb-ccard h3{font-size:24px;margin-bottom:10px !important}
.ccb-ccard>p{font-size:15px;color:var(--ink-soft);margin-bottom:24px !important;max-width:42ch}
.ccb-info{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-top:1px solid var(--sage-line)}
.ccb-info svg{width:20px;height:20px;stroke:var(--coral);flex:none;margin-top:3px}
.ccb-label{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);font-weight:600}
.ccb-val{font-size:18px;font-weight:600;font-family:"Fraunces",serif}
.ccb-val a:hover{color:var(--coral)}
.ccb-sub{font-size:13px;color:var(--stone)}
.ccb-ccard .ccb-btn{margin-top:24px}

@media(max-width:1000px){
  .ccb-contact-banner{padding:40px 0}
  .ccb-contact-banner h2{font-size:clamp(28px,4vw,42px)}
}
@media(max-width:700px){
  .ccb-contact-grid{grid-template-columns:1fr}
  .ccb-contact-intro{margin-bottom:28px}
}
/* ============================================================
   FOOTER V2 — Centre de Cicatrisation Biarritz
   Version sobre, cohérente avec le CSS global
   ============================================================ */

.ccb-footer-v2 {
  background: var(--ink);
  color: rgba(234, 241, 245, .78);
  padding: 60px 0 30px;
  border-radius: 0;
}

.ccb-footer-v2 .ccb-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 28px;
}

/* ===== Grille principale ===== */

.ccb-footer-v2-grid {
  display: grid;
  grid-template-columns: 1.55fr .9fr 1.1fr;
  gap: 56px;
  padding-bottom: 42px;
  border-bottom: 1px solid rgba(234, 241, 245, .16);
}

/* ===== Colonne identité ===== */

.ccb-footer-v2-logo {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 22px;
  font-family: "Fraunces", Georgia, serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.15;
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.ccb-footer-v2-logo:hover {
  color: #FFFFFF !important;
}

.ccb-footer-v2-icon {
  width: 36px;
  height: 36px;
  border: 2px solid rgba(255, 255, 255, .84);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--coral-soft);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  flex: none;
}

.ccb-footer-v2-brand p {
  max-width: 500px;
  margin: 0 0 22px !important;
  font-size: 15.5px;
  line-height: 1.6;
  color: rgba(234, 241, 245, .76);
}

.ccb-footer-v2-checks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 11px;
}

.ccb-footer-v2-checks li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15.5px;
  line-height: 1.45;
  color: rgba(234, 241, 245, .82);
}

.ccb-footer-v2-checks li::before {
  content: "✓";
  color: var(--coral-soft);
  font-weight: 700;
  font-size: 16px;
  flex: none;
}

/* ===== Titres de colonnes ===== */

.ccb-footer-v2 h5 {
  margin: 0 0 24px !important;
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--coral-soft);
}

/* ===== Liens rapides ===== */

.ccb-footer-v2-links nav {
  display: grid;
  gap: 14px;
}

.ccb-footer-v2-links a,
.ccb-footer-v2-contact a {
  color: rgba(234, 241, 245, .78) !important;
  text-decoration: none !important;
  transition: color .2s ease;
}

.ccb-footer-v2-links a:hover,
.ccb-footer-v2-contact a:hover {
  color: #FFFFFF !important;
}

.ccb-footer-v2-links a {
  font-size: 15.5px;
  line-height: 1.4;
}

/* ===== Contact ===== */

.ccb-footer-v2-contact-list {
  display: grid;
  gap: 14px;
}

.ccb-footer-v2-contact-list p {
  margin: 0 !important;
  font-size: 15.5px;
  line-height: 1.5;
  color: rgba(234, 241, 245, .78);
}

.ccb-footer-v2-contact-list span {
  color: rgba(234, 241, 245, .64);
}

/* ===== Bas de footer ===== */

.ccb-footer-v2-bottom {
  padding-top: 26px;
}

.ccb-footer-v2-bottom p {
  max-width: 780px;
  margin: 0 !important;
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(234, 241, 245, .56);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1000px) {
  .ccb-footer-v2-grid {
    grid-template-columns: 1fr 1fr;
    gap: 42px;
  }

  .ccb-footer-v2-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .ccb-footer-v2 {
    padding: 50px 0 28px;
  }

  .ccb-footer-v2 .ccb-wrap {
    padding: 0 22px;
  }

  .ccb-footer-v2-grid {
    grid-template-columns: 1fr;
    gap: 38px;
    padding-bottom: 38px;
  }

  .ccb-footer-v2-logo {
    font-size: 20px;
  }

  .ccb-footer-v2-icon {
    width: 34px;
    height: 34px;
    font-size: 28px;
  }

  .ccb-footer-v2-brand p,
  .ccb-footer-v2-checks li,
  .ccb-footer-v2-links a,
  .ccb-footer-v2-contact-list p {
    font-size: 15px;
  }

  .ccb-footer-v2-bottom p {
    font-size: 13px;
  }
}

/* ============================================================
   PAGE PRISE EN CHARGE — Centre de Cicatrisation Biarritz
   Mise en forme cohérente avec le CSS global Claude
   ============================================================ */

.ccb-pc-page {
  background: var(--white);
}

.ccb-pc-page section[id] {
  scroll-margin-top: 100px;
}


/* ============================================================
   HERO
   ============================================================ */

.ccb-pc-hero {
  position: relative;
  background: #0B2A39;
  color: var(--cream);
  overflow: hidden;
  padding: 138px 0 72px;
}

.ccb-pc-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(100deg, rgba(8,28,38,.96) 0%, rgba(8,28,38,.84) 48%, rgba(8,28,38,.52) 100%),
    url("http://centre-cicatrisation-biarritz.fr/wp-content/uploads/2026/06/Aguilera-Accueil.png") center/cover no-repeat;
}

.ccb-pc-hero .ccb-wrap {
  position: relative;
  z-index: 1;
}

.ccb-pc-hero-grid {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 70px;
  align-items: center;
}

.ccb-pc-hero-content {
  max-width: 720px;
}

.ccb-pc-hero .ccb-eyebrow {
  color: var(--coral-soft);
}

.ccb-pc-hero .ccb-eyebrow::before {
  background: var(--coral-soft);
}

.ccb-pc-hero h1 {
  color: #FFFFFF !important;
  font-size: clamp(34px, 4.4vw, 52px);
  margin: 18px 0 0 !important;
}

.ccb-pc-hero-line {
  width: 64px;
  height: 3px;
  background: #5E96B5;
  border-radius: 2px;
  margin: 22px 0 26px;
}

.ccb-pc-lead {
  color: rgba(234,241,245,.92) !important;
  max-width: 58ch;
  font-size: 18px !important;
  line-height: 1.6;
  margin: 0 !important;
}

.ccb-pc-hero-note {
  border-left: 3px solid var(--coral-soft);
  padding-left: 18px;
  margin: 24px 0 0 !important;
  font-size: 15px;
  line-height: 1.65;
  color: rgba(234,241,245,.78);
  max-width: 60ch;
}

.ccb-pc-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 34px;
}

.ccb-pc-hero .ccb-btn-primary {
  background: var(--white) !important;
  color: var(--ink) !important;
}

.ccb-pc-hero .ccb-btn-primary:hover {
  background: var(--coral-soft) !important;
  color: var(--ink) !important;
}

.ccb-pc-hero .ccb-btn-ghost {
  border-color: rgba(255,255,255,.42) !important;
  color: #FFFFFF !important;
}

.ccb-pc-hero .ccb-btn-ghost:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.72) !important;
  color: #FFFFFF !important;
}


/* ============================================================
   HERO — CARTE ACCÈS RAPIDE
   ============================================================ */

.ccb-pc-quick-card {
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 24px;
  padding: 32px;
  box-shadow: 0 26px 80px rgba(0,0,0,.22);
}

.ccb-pc-quick-card .ccb-kicker {
  color: var(--coral);
  margin-bottom: 22px;
}

.ccb-pc-quicklinks {
  display: grid;
  gap: 0;
}

.ccb-pc-quicklinks a {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 15px;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid var(--sage-line);
  color: var(--ink) !important;
  text-decoration: none !important;
  transition: color .2s ease, padding-left .2s ease;
}

.ccb-pc-quicklinks a:last-child {
  border-bottom: 1px solid var(--sage-line);
}

.ccb-pc-quicklinks a:hover {
  color: var(--coral) !important;
  padding-left: 4px;
}

.ccb-pc-quicklinks span {
  font-family: "Fraunces", Georgia, serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--coral);
}

.ccb-pc-quicklinks strong {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  color: inherit;
}


/* ============================================================
   BARRE POINTS CLÉS
   ============================================================ */

.ccb-pc-keybar-section {
  position: relative;
  z-index: 2;
  margin-top: -42px;
}

.ccb-pc-keybar {
  background: rgba(255,255,255,.97);
  border: 1px solid var(--sage-line);
  border-radius: 18px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  box-shadow: 0 20px 55px rgba(16,56,76,.10);
  overflow: hidden;
}

.ccb-pc-keyitem {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  padding: 24px 24px;
  border-right: 1px solid var(--sage-line);
}

.ccb-pc-keyitem:last-child {
  border-right: none;
}

.ccb-pc-keyitem span {
  font-family: "Fraunces", Georgia, serif;
  color: var(--coral);
  font-size: 15px;
  font-weight: 600;
  padding-top: 2px;
}

.ccb-pc-keyitem strong {
  display: block;
  font-size: 13px;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
  margin-bottom: 4px;
}

.ccb-pc-keyitem p {
  font-size: 13px;
  line-height: 1.45;
  color: var(--stone);
  margin: 0 !important;
}


/* ============================================================
   SECTIONS GÉNÉRIQUES
   ============================================================ */

.ccb-pc-section {
  padding: 84px 0;
}

.ccb-pc-head {
  max-width: 68ch;
  margin-bottom: 46px;
}

.ccb-pc-head h2 {
  font-size: clamp(26px, 3.2vw, 36px);
  margin: 16px 0 !important;
}

.ccb-pc-head p {
  font-size: 17px;
  line-height: 1.6;
  color: var(--ink-soft);
  margin: 0 !important;
}


/* ============================================================
   PLAIES PRISES EN CHARGE
   ============================================================ */

.ccb-pc-patho-section {
  background: var(--ink);
  color: var(--cream);
  padding-top: 96px;
}

.ccb-pc-patho-section .ccb-eyebrow {
  color: var(--coral-soft);
}

.ccb-pc-patho-section .ccb-eyebrow::before {
  background: var(--coral-soft);
}

.ccb-pc-patho-section .ccb-pc-head h2 {
  color: var(--white) !important;
}

.ccb-pc-patho-section .ccb-pc-head p {
  color: rgba(234,241,245,.82);
}

.ccb-pc-patho-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.ccb-pc-patho-card {
  background: rgba(127,179,204,.06);
  border: 1px solid rgba(127,179,204,.16);
  border-radius: var(--ccr);
  padding: 28px;
  transition: .25s;
}

.ccb-pc-patho-card:hover {
  background: rgba(127,179,204,.11);
  transform: translateY(-3px);
}

.ccb-pc-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(127,179,204,.18);
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  color: var(--coral-soft);
  font-weight: 700;
  font-size: 18px;
}

.ccb-pc-patho-card h3 {
  font-size: 20px;
  color: var(--white) !important;
  margin-bottom: 9px !important;
}

.ccb-pc-patho-card p {
  font-size: 14.5px;
  line-height: 1.6;
  color: rgba(234,241,245,.75);
  margin: 0 !important;
}


/* ============================================================
   PREMIÈRE ÉVALUATION
   ============================================================ */

.ccb-pc-eval-section {
  background: var(--cream);
}

.ccb-pc-card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.ccb-pc-card {
  background: var(--white);
  border: 1px solid var(--sage-line);
  border-radius: var(--ccr);
  padding: 26px;
  transition: .25s;
}

.ccb-pc-card:hover {
  transform: translateY(-3px);
  border-color: rgba(45,110,142,.28);
}

.ccb-pc-card span {
  font-family: "Fraunces", Georgia, serif;
  color: var(--coral);
  font-size: 15px;
  font-weight: 600;
}

.ccb-pc-card h3 {
  font-size: 20px;
  margin: 16px 0 10px !important;
}

.ccb-pc-card p {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--stone);
  margin: 0 !important;
}


/* ============================================================
   MODALITÉS D’ACCUEIL
   ============================================================ */

.ccb-pc-modes-section {
  background: var(--white);
}

.ccb-pc-modes-grid {
  display: grid;
  grid-template-columns: 1.15fr .925fr .925fr;
  gap: 20px;
  align-items: stretch;
}

.ccb-pc-mode-card {
  background: var(--white);
  border: 1px solid var(--sage-line);
  border-radius: 24px;
  padding: 32px;
}

.ccb-pc-mode-card h3 {
  font-size: 22px;
  margin-bottom: 12px !important;
}

.ccb-pc-mode-card p {
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink-soft);
  margin: 0 !important;
}

.ccb-pc-mode-main {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--cream);
}

.ccb-pc-mode-main .ccb-kicker {
  color: var(--coral-soft);
  margin-bottom: 16px;
}

.ccb-pc-mode-main h3 {
  color: var(--white) !important;
}

.ccb-pc-mode-main p {
  color: rgba(234,241,245,.82);
}

.ccb-pc-mode-main .ccb-btn {
  margin-top: 26px;
  background: var(--white) !important;
  color: var(--ink) !important;
}

.ccb-pc-mode-main .ccb-btn:hover {
  background: var(--coral-soft) !important;
  color: var(--ink) !important;
}


/* ============================================================
   AVIS SPÉCIALISÉS
   ============================================================ */

.ccb-pc-avis-section {
  background: var(--cream);
}

.ccb-pc-avis-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.05fr;
  gap: 20px;
}

.ccb-pc-avis-card {
  background: var(--white);
  border: 1px solid var(--sage-line);
  border-radius: 24px;
  padding: 32px;
}

.ccb-pc-avis-card .ccb-kicker {
  color: var(--coral);
  margin-bottom: 14px;
}

.ccb-pc-avis-card h3 {
  font-size: 22px;
  margin-bottom: 18px !important;
}

.ccb-pc-avis-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.ccb-pc-avis-card li {
  display: flex;
  gap: 10px;
  font-size: 14.5px;
  line-height: 1.45;
  color: var(--stone);
}

.ccb-pc-avis-card li::before {
  content: "✓";
  color: var(--coral);
  font-weight: 700;
}

.ccb-pc-avis-card p {
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink-soft);
  margin: 0 !important;
}

.ccb-pc-avis-cta {
  background: var(--ink);
  border-color: var(--ink);
}

.ccb-pc-avis-cta .ccb-kicker {
  color: var(--coral-soft);
}

.ccb-pc-avis-cta h3 {
  color: var(--white) !important;
}

.ccb-pc-avis-cta p {
  color: rgba(234,241,245,.78);
}

.ccb-pc-avis-cta .ccb-btn {
  margin-top: 24px;
  background: var(--white) !important;
  color: var(--ink) !important;
}

.ccb-pc-avis-cta .ccb-btn:hover {
  background: var(--coral-soft) !important;
  color: var(--ink) !important;
}


/* ============================================================
   EXAMENS ET SOINS TECHNIQUES
   ============================================================ */

.ccb-pc-tech-section {
  background: var(--white);
}

.ccb-pc-tech-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.ccb-pc-tech-block {
  background: var(--cream);
  border: 1px solid var(--sage-line);
  border-radius: 24px;
  padding: 34px;
}

.ccb-pc-tech-block .ccb-kicker {
  color: var(--coral);
  margin-bottom: 22px;
}

.ccb-pc-tech-block article {
  padding: 20px 0;
  border-top: 1px solid var(--sage-line);
}

.ccb-pc-tech-block article:last-child {
  padding-bottom: 0;
}

.ccb-pc-tech-block h3 {
  font-size: 19px;
  margin-bottom: 7px !important;
}

.ccb-pc-tech-block p {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--stone);
  margin: 0 !important;
}


/* ============================================================
   SUIVI ET TÉLÉCONSULTATION
   ============================================================ */

.ccb-pc-tele-section {
  padding: 0 0 84px;
  background: var(--white);
}

.ccb-pc-tele {
  background: var(--sage);
  border: 1px solid var(--sage-line);
  border-radius: 24px;
  padding: 44px;
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 44px;
  align-items: center;
}

.ccb-pc-tele h2 {
  font-size: clamp(24px, 3vw, 32px);
  margin: 16px 0 !important;
}

.ccb-pc-tele p {
  font-size: 15.5px;
  line-height: 1.65;
  color: var(--ink-soft);
  max-width: 66ch;
  margin: 0 0 14px !important;
}

.ccb-pc-tele p:last-child {
  margin-bottom: 0 !important;
}

.ccb-pc-tele-card {
  background: var(--white);
  border: 1px solid var(--sage-line);
  border-radius: var(--ccr);
  padding: 28px;
}

.ccb-pc-tele-card span {
  display: block;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--coral);
  margin-bottom: 8px;
}

.ccb-pc-tele-card strong {
  display: block;
  font-family: "Fraunces", Georgia, serif;
  font-size: 22px;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.15;
  margin-bottom: 20px;
}

.ccb-pc-tele-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 11px;
}

.ccb-pc-tele-card li {
  display: flex;
  gap: 10px;
  font-size: 14.5px;
  color: var(--stone);
}

.ccb-pc-tele-card li::before {
  content: "✓";
  color: var(--coral);
  font-weight: 700;
}


/* ============================================================
   CTA FINAL
   ============================================================ */

.ccb-pc-final-section {
  padding: 0 0 84px;
  background: var(--white);
}

.ccb-pc-final-box {
  background: var(--ink);
  color: var(--cream);
  border-radius: 24px;
  padding: 42px 44px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 36px;
  align-items: center;
}

.ccb-pc-final-box .ccb-eyebrow {
  color: var(--coral-soft);
}

.ccb-pc-final-box .ccb-eyebrow::before {
  background: var(--coral-soft);
}

.ccb-pc-final-box h2 {
  color: var(--white) !important;
  font-size: clamp(24px, 3vw, 32px);
  margin: 16px 0 10px !important;
}

.ccb-pc-final-box p {
  color: rgba(234,241,245,.78);
  font-size: 15.5px;
  max-width: 54ch;
  margin: 0 !important;
}

.ccb-pc-final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: flex-end;
}

.ccb-pc-final-box .ccb-btn-primary {
  background: var(--white) !important;
  color: var(--ink) !important;
}

.ccb-pc-final-box .ccb-btn-primary:hover {
  background: var(--coral-soft) !important;
  color: var(--ink) !important;
}

.ccb-pc-final-box .ccb-btn-ghost {
  border-color: rgba(255,255,255,.38) !important;
  color: #FFFFFF !important;
}

.ccb-pc-final-box .ccb-btn-ghost:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.72) !important;
  color: #FFFFFF !important;
}
/* =========================================================
   ESPACEMENT TITRE SECTION "LE DÉROULEMENT"
========================================================= */

.ccb-hdj-page #deroule .ccb-eyebrow {
  margin-bottom: 16px !important;
}

.ccb-hdj-page #deroule h2 {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

.ccb-hdj-page #deroule .ccb-hdj-duration-badge {
  margin-top: 0 !important;
  margin-bottom: 56px !important;
}

/* =========================================================
   NOTE HERO - HÔPITAL DE JOUR
========================================================= */

.ccb-hdj-page .ccb-hdj-hero-note {
  margin: 24px 0 0 !important;
  padding: 2px 0 2px 18px !important;
  border-left: 3px solid rgba(65, 146, 205, .85);
  max-width: 66ch;
}

.ccb-hdj-page .ccb-hdj-hero-note p {
  margin: 0 !important;
  color: rgba(234, 241, 245, .78);
  font-size: 15px;
  line-height: 1.65;
  font-weight: 400;
}

.ccb-hdj-page .ccb-pc-hero-actions {
  margin-top: 28px !important;
}

@media (max-width: 767px) {
  .ccb-hdj-page .ccb-hdj-hero-note {
    margin-top: 18px !important;
    padding-left: 14px !important;
  }

  .ccb-hdj-page .ccb-hdj-hero-note p {
    font-size: 14px;
    line-height: 1.6;
  }

  .ccb-hdj-page .ccb-pc-hero-actions {
    margin-top: 24px !important;
  }
}
/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1100px) {
  .ccb-pc-hero-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .ccb-pc-quick-card {
    max-width: 720px;
  }

  .ccb-pc-keybar {
    grid-template-columns: repeat(2, 1fr);
  }

  .ccb-pc-keyitem:nth-child(2) {
    border-right: none;
  }

  .ccb-pc-keyitem:nth-child(1),
  .ccb-pc-keyitem:nth-child(2) {
    border-bottom: 1px solid var(--sage-line);
  }

  .ccb-pc-card-grid,
  .ccb-pc-modes-grid {
    grid-template-columns: 1fr 1fr;
  }

  .ccb-pc-mode-main {
    grid-column: 1 / -1;
  }

  .ccb-pc-avis-grid {
    grid-template-columns: 1fr 1fr;
  }

  .ccb-pc-avis-cta {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .ccb-pc-hero {
    padding: 120px 0 62px;
  }

  .ccb-pc-section {
    padding: 64px 0;
  }

  .ccb-pc-tele,
  .ccb-pc-tech-grid,
  .ccb-pc-final-box {
    grid-template-columns: 1fr;
  }

  .ccb-pc-final-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  .ccb-pc-hero {
    padding: 112px 0 54px;
  }

  .ccb-pc-quick-card,
  .ccb-pc-tele,
  .ccb-pc-final-box,
  .ccb-pc-tech-block,
  .ccb-pc-mode-card,
  .ccb-pc-avis-card {
    border-radius: 18px;
  }

  .ccb-pc-quick-card,
  .ccb-pc-tele,
  .ccb-pc-final-box {
    padding: 30px 24px;
  }

  .ccb-pc-keybar,
  .ccb-pc-card-grid,
  .ccb-pc-modes-grid,
  .ccb-pc-patho-grid,
  .ccb-pc-avis-grid {
    grid-template-columns: 1fr;
  }

  .ccb-pc-keyitem {
    border-right: none;
    border-bottom: 1px solid var(--sage-line);
  }

  .ccb-pc-keyitem:last-child {
    border-bottom: none;
  }

  .ccb-pc-card-grid,
  .ccb-pc-modes-grid,
  .ccb-pc-tech-grid,
  .ccb-pc-avis-grid {
    gap: 16px;
  }

  .ccb-pc-lead {
    font-size: 16.5px !important;
  }

  .ccb-pc-head p {
    font-size: 16px;
  }
}
/* =========================================================
   Ajustements page Prise en charge
   Sans modification de la mise en forme générale
========================================================= */

.ccb-pc-section-white {
  background: #fff !important;
}

.ccb-pc-soins-section {
  background: var(--sage, #EAF1F5) !important;
}
/* Marge haute avant la section Suivi */
.ccb-pc-tele-section {
  margin-top: 90px;
}

/* ============================================================
   PAGE HÔPITAL DE JOUR — additions au CSS global .ccb
   À coller À LA SUITE du fichier CSS global existant.
   Réutilise au maximum .ccb-pc-*, .ccb-section, .ccb-head,
   .ccb-approach/.ccb-al, .ccb-pc-final-box déjà définis.
   ============================================================ */
 
.ccb-hdj-page{background:var(--white)}
.ccb-hdj-page section[id]{scroll-margin-top:100px}
 
/* ============================================================
   HERO (photo) — mêmes mécaniques que .ccb-pc-hero,
   uniquement renommé pour pouvoir poser une autre photo
   ============================================================ */
 
.ccb-hdj-hero{
  position:relative;
  background:#0B2A39;
  color:var(--cream);
  overflow:hidden;
  padding:138px 0 72px;
}
 
.ccb-hdj-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(100deg, rgba(8,28,38,.96) 0%, rgba(8,28,38,.84) 48%, rgba(8,28,38,.52) 100%),
    url("http://centre-cicatrisation-biarritz.fr/wp-content/uploads/2026/06/CCA-Soins-e1781354202511.png") center/cover no-repeat;
}
 
.ccb-hdj-hero .ccb-wrap{position:relative;z-index:1}
 
.ccb-hdj-hero .ccb-eyebrow{color:var(--coral-soft)}
.ccb-hdj-hero .ccb-eyebrow::before{background:var(--coral-soft)}
 
.ccb-hdj-hero h1{
  color:#FFFFFF !important;
  font-size:clamp(34px,4.4vw,52px);
  margin:18px 0 0 !important;
}
 
/* boutons sur fond photo sombre (mêmes overrides que .ccb-pc-hero) */
.ccb-hdj-hero .ccb-btn-primary{background:var(--white) !important;color:var(--ink) !important}
.ccb-hdj-hero .ccb-btn-primary:hover{background:var(--coral-soft) !important;color:var(--ink) !important}
.ccb-hdj-hero .ccb-btn-ghost{border-color:rgba(255,255,255,.42) !important;color:#FFFFFF !important}
.ccb-hdj-hero .ccb-btn-ghost:hover{background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.72) !important;color:#FFFFFF !important}
 
/* ============================================================
   FRISE "LE DÉROULEMENT" — 5 étapes chronométrées
   posée dans un .ccb-parcours-inner (déjà existant)
   ============================================================ */
 
.ccb-hdj-timeline-intro{
  font-size:17px;
  line-height:1.6;
  color:var(--ink-soft);
  max-width:68ch;
  margin:0 0 28px !important;
}
 
.ccb-hdj-duration-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:var(--ink);
  color:var(--cream);
  font-family:"Inter",sans-serif;
  font-size:13.5px;
  font-weight:600;
  letter-spacing:.02em;
  padding:9px 18px;
  border-radius:100px;
  margin-bottom:36px;
}
.ccb-hdj-duration-badge i{width:7px;height:7px;border-radius:50%;background:var(--coral-soft);display:inline-block;font-style:normal}
 
.ccb-hdj-steps{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  position:relative;
  margin-top:8px;
}
.ccb-hdj-steps::before{
  content:"";
  position:absolute;
  top:19px;
  left:9%;
  right:9%;
  height:2px;
  background:var(--sage-line);
  z-index:0;
}
.ccb-hdj-step{position:relative;z-index:1;padding:0 16px 0 0}
.ccb-hdj-step:last-child{padding-right:0}
 
.ccb-hdj-node{
  width:40px;height:40px;
  border-radius:50%;
  background:var(--cream);
  border:2px solid var(--coral);
  color:var(--coral);
  display:grid;place-items:center;
  font-family:"Fraunces",serif;
  font-weight:600;
  font-size:15px;
  margin-bottom:18px;
}
.ccb-hdj-step:first-child .ccb-hdj-node{background:var(--coral);color:var(--white)}
 
.ccb-hdj-duration{
  display:inline-block;
  font-size:12px;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--coral);
  background:var(--sage);
  padding:4px 10px;
  border-radius:100px;
  margin-bottom:12px;
}
 
.ccb-hdj-step h4{font-size:16px;font-weight:600;margin-bottom:7px !important;line-height:1.32;min-height:2.6em}
.ccb-hdj-step p{font-size:13.5px;line-height:1.5;color:var(--stone);margin:0 !important}
 
/* encart "pensez à apporter" */
.ccb-hdj-note{
  margin-top:44px;
  display:flex;
  align-items:flex-start;
  gap:16px;
  background:var(--sage);
  border:1px solid var(--sage-line);
  border-radius:var(--ccr);
  padding:20px 24px;
  max-width:760px;
}
.ccb-hdj-note-mark{
  flex:none;
  width:28px;height:28px;
  border-radius:50%;
  background:var(--white);
  border:1px solid var(--sage-line);
  color:var(--coral);
  font-family:"Fraunces",serif;
  font-weight:600;
  font-size:13px;
  display:grid;place-items:center;
}
.ccb-hdj-note p{margin:0 !important;font-size:14.5px;line-height:1.55;color:var(--ink-soft)}
.ccb-hdj-note strong{color:var(--ink);font-weight:600}
 
/* pastilles claires sur le bandeau final sombre (.ccb-pc-final-box) */
.ccb-pc-final-box .ccb-tags{margin:18px 0 0}
.ccb-pc-final-box .ccb-tag{
  background:rgba(255,255,255,.1);
  color:rgba(234,241,245,.85);
  border:1px solid rgba(255,255,255,.18);
}
 
/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:900px){
  .ccb-hdj-hero{padding:120px 0 62px}
  .ccb-hdj-steps{grid-template-columns:1fr;gap:28px}
  .ccb-hdj-steps::before{display:none}
  .ccb-hdj-step{padding:0 0 0 22px;border-left:2px solid var(--sage-line)}
  .ccb-hdj-step:first-child .ccb-hdj-node{margin-left:-21px}
  .ccb-hdj-step h4{min-height:0}
}
@media(max-width:680px){
  .ccb-hdj-hero{padding:112px 0 54px}
  .ccb-hdj-duration-badge{font-size:13px}
}
/* =========================================================
   AJUSTEMENTS PAGE PRISE EN CHARGE / HDJ
   - Suppression du bandeau blanc du hero
   - Réduction de l’espace avant la section après HDJ / suivi
========================================================= */


/* Sécurité : si le bloc hero-note est encore dans le HTML, il est masqué */
.ccb-pc-hero-note {
  display: none !important;
}


/* Hero moins haut après suppression du bandeau */
.ccb-pc-hero {
  padding-bottom: 72px !important;
}


/* Réduction de l’espace entre le hero et la section suivante si besoin */
.ccb-pc-hero + .ccb-pc-section {
  margin-top: 0 !important;
}


/* Si tu utilises la page HDJ avec la section "Après l’HDJ" */
#suivi.cvc-hdj-section-dark {
  padding-top: 64px !important;
}


/* Réduit surtout le grand blanc sous le bloc "Le déroulement" */
#deroulement.cvc-hdj-section-light {
  padding-bottom: 48px !important;
}


/* Version mobile */
@media (max-width: 767px) {
  .ccb-pc-hero {
    padding-bottom: 56px !important;
  }

  #suivi.cvc-hdj-section-dark {
    padding-top: 52px !important;
  }

  #deroulement.cvc-hdj-section-light {
    padding-bottom: 36px !important;
  }
}
/* =========================================================
   AJUSTEMENT ESPACE AVANT "APRÈS L'HDJ"
========================================================= */

.ccb-hdj-page #deroule.ccb-pc-section {
  padding-bottom: 34px !important;
}

.ccb-hdj-page #apres.ccb-section {
  padding-top: 42px !important;
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .ccb-hdj-page #deroule.ccb-pc-section {
    padding-bottom: 24px !important;
  }

  .ccb-hdj-page #apres.ccb-section {
    padding-top: 32px !important;
  }
}
/* ============================================================
   PAGE ÉQUIPE — CSS SPÉCIFIQUE
   À coller TOUT À LA FIN du CSS global
   Style cohérent avec page HDJ / Prise en charge
   ============================================================ */

.ccb.ccb-team-page {
  background: var(--white);
}

.ccb.ccb-team-page section[id] {
  scroll-margin-top: 100px;
}


/* ============================================================
   HERO ÉQUIPE
   ============================================================ */

.ccb.ccb-team-page .ccb-team-hero.ccb-pc-hero::before {
  background:
    linear-gradient(100deg, rgba(8,28,38,.96) 0%, rgba(8,28,38,.84) 48%, rgba(8,28,38,.52) 100%),
    url("http://centre-cicatrisation-biarritz.fr/wp-content/uploads/2026/06/Aguilera-Accueil.png") center/cover no-repeat !important;
}

.ccb.ccb-team-page .ccb-team-hero-text {
  border-left: 3px solid var(--coral-soft);
  padding-left: 18px;
  margin: 24px 0 0 !important;
  font-size: 15px;
  line-height: 1.65;
  color: rgba(234,241,245,.78);
  max-width: 60ch;
}


/* ============================================================
   SECTION PROFESSIONNELS RÉFÉRENTS
   ============================================================ */

.ccb.ccb-team-page .ccb-team-referents-section {
  background: var(--cream) !important;
  padding: 84px 0 !important;
}

.ccb.ccb-team-page .ccb-team-referents-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.ccb.ccb-team-page .ccb-team-person-card {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: var(--white) !important;
  border: 1px solid var(--sage-line) !important;
  border-radius: 24px !important;
  transition: .25s !important;
  box-shadow: none !important;
}

.ccb.ccb-team-page .ccb-team-person-card:hover {
  transform: translateY(-3px);
  border-color: rgba(45,110,142,.28) !important;
}

.ccb.ccb-team-page .ccb-team-photo {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center top !important;
  background: var(--sage) !important;
}

.ccb.ccb-team-page .ccb-team-placeholder {
  display: grid !important;
  place-items: center !important;
  font-family: "Fraunces", Georgia, serif !important;
  font-size: 44px !important;
  font-weight: 500 !important;
  color: var(--coral) !important;
  background: var(--sage) !important;
}

.ccb.ccb-team-page .ccb-team-person-body {
  flex: 1 !important;
  padding: 26px 26px 30px !important;
  text-align: center !important;
}

.ccb.ccb-team-page .ccb-team-person-body h3 {
  font-size: 22px !important;
  line-height: 1.15 !important;
  margin: 0 0 7px !important;
  color: var(--ink) !important;
}

.ccb.ccb-team-page .ccb-team-role {
  font-size: 14.5px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: var(--coral) !important;
  margin: 0 !important;
}

.ccb.ccb-team-page .ccb-team-badges {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 16px 0 0 !important;
}

.ccb.ccb-team-page .ccb-team-badges span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 13px !important;
  border-radius: 100px !important;
  background: var(--sage) !important;
  color: var(--ink-soft) !important;
  border: 1px solid var(--sage-line) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

.ccb.ccb-team-page .ccb-team-desc {
  margin: 18px auto 0 !important;
  max-width: 270px !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: var(--stone) !important;
}


/* ============================================================
   SECTION ORGANISATION
   ============================================================ */

.ccb.ccb-team-page .ccb-team-org-section {
  background: var(--ink) !important;
  color: var(--cream) !important;
  padding: 96px 0 !important;
}

.ccb.ccb-team-page .ccb-team-org-section .ccb-eyebrow {
  color: var(--coral-soft) !important;
}

.ccb.ccb-team-page .ccb-team-org-section .ccb-eyebrow::before {
  background: var(--coral-soft) !important;
}

.ccb.ccb-team-page .ccb-team-org-section .ccb-pc-head h2 {
  color: var(--white) !important;
}

.ccb.ccb-team-page .ccb-team-org-section .ccb-pc-head p {
  color: rgba(234,241,245,.82) !important;
}

.ccb.ccb-team-page .ccb-team-org-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.ccb.ccb-team-page .ccb-team-org-card {
  background: rgba(127,179,204,.06) !important;
  border: 1px solid rgba(127,179,204,.16) !important;
  border-radius: var(--ccr) !important;
  padding: 28px !important;
  transition: .25s !important;
}

.ccb.ccb-team-page .ccb-team-org-card:hover {
  background: rgba(127,179,204,.11) !important;
  transform: translateY(-3px);
}

.ccb.ccb-team-page .ccb-team-org-number {
  font-family: "Fraunces", Georgia, serif !important;
  color: var(--coral-soft) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.ccb.ccb-team-page .ccb-team-org-card h3 {
  font-size: 20px !important;
  line-height: 1.18 !important;
  color: var(--white) !important;
  margin: 18px 0 9px !important;
}

.ccb.ccb-team-page .ccb-team-org-card p {
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: rgba(234,241,245,.75) !important;
  margin: 0 !important;
}


/* ============================================================
   SECTION INTERVENANTS
   ============================================================ */

.ccb.ccb-team-page .ccb-team-intervenants-section {
  background: var(--cream) !important;
  padding: 84px 0 !important;
}

.ccb.ccb-team-page .ccb-team-intervenants-section .ccb-pc-avis-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1.05fr !important;
  gap: 20px !important;
}

.ccb.ccb-team-page .ccb-team-intervenants-section .ccb-pc-avis-card {
  background: var(--white) !important;
  border: 1px solid var(--sage-line) !important;
  border-radius: 24px !important;
  padding: 32px !important;
}

.ccb.ccb-team-page .ccb-team-territory-card {
  background: var(--ink) !important;
  border-color: var(--ink) !important;
}

.ccb.ccb-team-page .ccb-team-territory-card .ccb-kicker {
  color: var(--coral-soft) !important;
}

.ccb.ccb-team-page .ccb-team-territory-card h3 {
  color: var(--white) !important;
}

.ccb.ccb-team-page .ccb-team-territory-card p {
  color: rgba(234,241,245,.78) !important;
}


/* ============================================================
   CTA FINAL — ajustement spécifique page équipe
   ============================================================ */

.ccb.ccb-team-page .ccb-pc-final-section {
  background: var(--white) !important;
  padding: 84px 0 84px !important;
}

.ccb.ccb-team-page .ccb-pc-final-box {
  border-radius: 24px !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1100px) {
  .ccb.ccb-team-page .ccb-team-referents-grid,
  .ccb.ccb-team-page .ccb-team-org-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ccb.ccb-team-page .ccb-team-intervenants-section .ccb-pc-avis-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .ccb.ccb-team-page .ccb-team-territory-card {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 680px) {
  .ccb.ccb-team-page .ccb-team-referents-grid,
  .ccb.ccb-team-page .ccb-team-org-grid,
  .ccb.ccb-team-page .ccb-team-intervenants-section .ccb-pc-avis-grid {
    grid-template-columns: 1fr !important;
  }

  .ccb.ccb-team-page .ccb-team-referents-section,
  .ccb.ccb-team-page .ccb-team-org-section,
  .ccb.ccb-team-page .ccb-team-intervenants-section {
    padding: 64px 0 !important;
  }

  .ccb.ccb-team-page .ccb-team-person-body {
    padding: 24px 22px 28px !important;
  }
}
/* =========================================================
   Masquer le titre automatique WordPress / Elementor
   qui apparaît au-dessus du hero
========================================================= */

body .entry-title,
body .page-title,
body .elementor-page-title,
body .wp-block-post-title,
body header.page-header {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body .site-main,
body .content-area,
body .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ============================================================
   PAGE CONTACT — compléments uniquement
   Utilise les classes déjà présentes dans le CSS global
   ============================================================ */

.ccb-contact-page .ccb-contact-main {
  padding-top: 120px;
  padding-bottom: 84px;
  background: var(--white);
}

.ccb-contact-page .ccb-contact-head {
  max-width: 72ch;
  margin-bottom: 46px;
}

.ccb-contact-page .ccb-contact-head h1 {
  font-size: clamp(34px, 4vw, 48px);
  margin: 16px 0 14px !important;
}

.ccb-contact-page .ccb-contact-head p {
  max-width: 70ch;
}

.ccb-contact-page .ccb-ccard {
  min-height: 100%;
}

.ccb-contact-page .ccb-ccard .ccb-btn {
  margin-top: 24px;
}

/* Section carte */
.ccb-contact-map-section {
  background: var(--cream);
  padding: 84px 0;
}

.ccb-contact-map-head {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 42px;
}

.ccb-contact-map-head h2 {
  font-size: clamp(32px, 4vw, 46px);
  margin: 0 0 14px !important;
}

.ccb-contact-map-head p {
  font-size: 17px;
  color: var(--ink-soft);
  margin: 0 !important;
}

.ccb-contact-map-box {
  overflow: hidden;
  border: 1px solid var(--sage-line);
  border-radius: 24px;
  background: var(--white);
}

.ccb-contact-map-box iframe {
  width: 100%;
  height: 430px;
  display: block;
  border: 0;
}

.ccb-contact-access-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 24px;
}

.ccb-contact-access-card {
  background: var(--white);
  border: 1px solid var(--sage-line);
  border-radius: 24px;
  padding: 34px 28px;
  text-align: center;
}

.ccb-contact-access-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--sage);
  color: var(--coral);
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  font-size: 24px;
}

.ccb-contact-access-card h3 {
  font-size: 22px;
  margin: 0 0 12px !important;
}

.ccb-contact-access-card p {
  font-size: 15px;
  line-height: 1.6;
  color: var(--stone);
  margin: 0 !important;
}

/* Responsive */
@media (max-width: 900px) {
  .ccb-contact-page .ccb-contact-main {
    padding-top: 110px;
    padding-bottom: 64px;
  }

  .ccb-contact-access-grid {
    grid-template-columns: 1fr;
  }

  .ccb-contact-map-section {
    padding: 64px 0;
  }
}

@media (max-width: 680px) {
  .ccb-contact-map-box {
    border-radius: 18px;
  }

  .ccb-contact-map-box iframe {
    height: 340px;
  }

  .ccb-contact-access-card {
    border-radius: 18px;
    padding: 30px 24px;
  }
}
body:has(.ccb-contact-page) .ccb-contact-main {
  padding-top: 120px !important;
}

/* =========================================================
   HEADER LISIBLE SUR PAGE CONTACT
   Header blanc + textes foncés
========================================================= */

body:has(.ccb-contact-page) .ccb-header-wrap {
  background: #FFFFFF !important;
  box-shadow: 0 1px 0 var(--sage-line) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-brand {
  color: var(--ink) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-links a {
  color: var(--ink-soft) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-links a:hover {
  color: var(--coral) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-brand .ccb-mark circle {
  stroke: var(--ink) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-btn-ghost {
  border-color: var(--sage-line) !important;
  color: var(--ink) !important;
  background: transparent !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-btn-ghost:hover {
  border-color: var(--ink) !important;
  background: var(--white) !important;
  color: var(--ink) !important;
}
/* =========================================================
   PAGE CONTACT — fond bleu clair pleine largeur
   pour la section carte + bas de page
========================================================= */

.ccb.ccb-contact-page .ccb-contact-map-section,
.ccb.ccb-contact-page .ccb-pc-final-section {
  background: var(--cream) !important;

  /* Force le fond à sortir du conteneur Elementor */
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* La section carte garde son espacement */
.ccb.ccb-contact-page .ccb-contact-map-section {
  padding: 84px 0 48px !important;
}

/* Le CTA final reste sur fond bleu clair jusqu’en bas */
.ccb.ccb-contact-page .ccb-pc-final-section {
  padding: 36px 0 84px !important;
}

/* Évite un éventuel petit débordement horizontal */
html,
body {
  overflow-x: hidden;
}
/* CTA final légèrement décollé mais intégré au fond bleu clair */
.ccb.ccb-contact-page .ccb-pc-final-box {
  box-shadow: 0 20px 55px rgba(16, 56, 76, .12);
}
/* =========================================================
   ALIGNEMENT DES SURTITRES HERO - PAGES INTERNES
   Prise en charge / Équipe / Hôpital de jour / Contact
========================================================= */

/* Hauteur globale proche entre les pages */
.ccb-prise-page .ccb-pc-hero,
.ccb-equipe-page .ccb-equipe-hero,
.ccb-hdj-page .ccb-hdj-hero,
.ccb-contact-page .ccb-contact-hero {
  min-height: 620px !important;
  padding-top: 150px !important;
  padding-bottom: 85px !important;
  box-sizing: border-box !important;
}

/* La grille ne centre plus verticalement selon la carte de droite */
.ccb-prise-page .ccb-pc-hero-grid,
.ccb-equipe-page .ccb-pc-hero-grid,
.ccb-hdj-page .ccb-pc-hero-grid,
.ccb-contact-page .ccb-pc-hero-grid,
.ccb-contact-page .ccb-contact-hero-grid {
  align-items: flex-start !important;
}

/* Bloc texte : même point de départ partout */
.ccb .ccb-hero-text-standard {
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: none !important;
  align-self: flex-start !important;
}

/* Le surtitre lui-même ne doit pas avoir de décalage parasite */
.ccb .ccb-hero-text-standard .ccb-eyebrow {
  display: inline-block !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}
/* ============================================================
   HERO UNIFIÉ — Accueil / Prise en charge / Équipe / HDJ / Contact
   À coller tout à la fin du CSS
============================================================ */

/* Base commune */
.ccb .ccb-hero-page {
  box-sizing: border-box !important;
}

.ccb .ccb-hero-page .ccb-wrap {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

/* Heroes internes : même logique de hauteur et de point de départ */
.ccb .ccb-hero-prise,
.ccb .ccb-hero-team,
.ccb .ccb-hero-hdj,
.ccb .ccb-hero-contact {
  position: relative !important;
  overflow: hidden !important;
  background: #0B2A39 !important;
  color: var(--cream) !important;
  min-height: 640px !important;
  padding: 138px 0 76px !important;
  display: flex !important;
  align-items: flex-start !important;
}

/* Grille commune des heroes internes */
.ccb .ccb-hero-page .ccb-hero-grid {
  display: grid !important;
  grid-template-columns: 1.08fr .92fr !important;
  gap: 70px !important;
  align-items: flex-start !important;
}

/* Bloc texte : même départ vertical partout */
.ccb .ccb-hero-page .ccb-hero-content {
  max-width: 720px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: flex-start !important;
}

/* Carte droite : hauteur libre mais départ aligné */
.ccb .ccb-hero-page .ccb-hero-card {
  align-self: flex-start !important;
  margin-top: 0 !important;
}

/* Surtitre hero avec barre gauche homogène */
.ccb .ccb-hero-page .ccb-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  color: var(--coral-soft) !important;
}

.ccb .ccb-hero-page .ccb-eyebrow::before {
  content: "" !important;
  display: block !important;
  flex: none !important;
  width: 26px !important;
  height: 1px !important;
  background: currentColor !important;
}

/* Titres */
.ccb .ccb-hero-page h1 {
  color: #FFFFFF !important;
  font-size: clamp(34px, 4.4vw, 52px) !important;
  margin: 18px 0 0 !important;
}

/* Trait sous le titre */
.ccb .ccb-hero-page .ccb-hero-rule {
  width: 64px !important;
  height: 3px !important;
  background: #5E96B5 !important;
  border-radius: 2px !important;
  margin: 22px 0 26px !important;
}

/* Texte principal */
.ccb .ccb-hero-page .ccb-hero-lead {
  color: rgba(234, 241, 245, .92) !important;
  max-width: 58ch !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* Note sous le texte */
.ccb .ccb-hero-page .ccb-hero-note {
  display: block !important;
  border-left: 3px solid var(--coral-soft) !important;
  padding: 2px 0 2px 18px !important;
  margin: 24px 0 0 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: rgba(234, 241, 245, .78) !important;
  max-width: 60ch !important;
}

.ccb .ccb-hero-page .ccb-hero-note p {
  margin: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Actions */
.ccb .ccb-hero-page .ccb-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-top: 34px !important;
}

/* Boutons sur hero sombre */
.ccb .ccb-hero-page .ccb-btn-primary {
  background: var(--white) !important;
  color: var(--ink) !important;
}

.ccb .ccb-hero-page .ccb-btn-primary:hover {
  background: var(--coral-soft) !important;
  color: var(--ink) !important;
}

.ccb .ccb-hero-page .ccb-btn-ghost {
  border-color: rgba(255, 255, 255, .42) !important;
  color: #FFFFFF !important;
  background: transparent !important;
}

.ccb .ccb-hero-page .ccb-btn-ghost:hover {
  background: rgba(255, 255, 255, .12) !important;
  border-color: rgba(255, 255, 255, .72) !important;
  color: #FFFFFF !important;
}

/* Carte accès rapide */
.ccb .ccb-hero-page .ccb-hero-quick-card {
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  border-radius: 24px !important;
  padding: 32px !important;
  box-shadow: 0 26px 80px rgba(0, 0, 0, .22) !important;
}

.ccb .ccb-hero-page .ccb-hero-quick-card .ccb-kicker {
  color: var(--coral) !important;
  margin-bottom: 22px !important;
}

.ccb .ccb-hero-page .ccb-hero-quicklinks a {
  padding: 15px 0 !important;
}

/* Page prise en charge : carte plus longue, donc on compacte légèrement */
.ccb .ccb-hero-prise .ccb-hero-quicklinks a {
  padding: 12px 0 !important;
}


/* ============================================================
   BACKGROUNDS DES HERO
============================================================ */

/* Prise en charge + équipe : on garde l'image Aguiléra existante */
.ccb .ccb-hero-prise::before,
.ccb .ccb-hero-team::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(100deg, rgba(8,28,38,.96) 0%, rgba(8,28,38,.84) 48%, rgba(8,28,38,.52) 100%),
    url("http://centre-cicatrisation-biarritz.fr/wp-content/uploads/2026/06/Aguilera-Accueil.png") center/cover no-repeat !important;
}

/* Hôpital de jour */
.ccb .ccb-hero-hdj::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(100deg, rgba(8,28,38,.96) 0%, rgba(8,28,38,.84) 48%, rgba(8,28,38,.52) 100%),
    url("http://centre-cicatrisation-biarritz.fr/wp-content/uploads/2026/06/CCA-Soins-e1781354202511.png") center/cover no-repeat !important;
}

/* Contact */
.ccb .ccb-hero-contact::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(100deg, rgba(8,28,38,.96) 0%, rgba(8,28,38,.84) 48%, rgba(8,28,38,.52) 100%),
    url("http://centre-cicatrisation-biarritz.fr/wp-content/uploads/2026/06/Aguilera-Accueil.png") center/cover no-repeat !important;
}


/* ============================================================
   PAGE ACCUEIL — harmonisation sans casser le hero photo
============================================================ */

.ccb .ccb-hero-home {
  min-height: 760px !important;
}

.ccb .ccb-hero-home .ccb-wrap {
  padding-top: 138px !important;
  padding-bottom: 0 !important;
}

.ccb .ccb-hero-home .ccb-hero-content {
  max-width: 700px !important;
  padding-bottom: 90px !important;
}

.ccb .ccb-hero-home .ccb-eyebrow {
  color: var(--coral-soft) !important;
}

.ccb .ccb-hero-home .ccb-eyebrow::before {
  background: currentColor !important;
}

.ccb .ccb-hero-home h1 {
  color: #FFFFFF !important;
  font-size: clamp(34px, 4.6vw, 56px) !important;
  margin: 16px 0 0 !important;
}

.ccb .ccb-hero-home .ccb-hero-rule {
  margin: 22px 0 26px !important;
}

.ccb .ccb-hero-home .ccb-hero-lead {
  max-width: 54ch !important;
}

.ccb .ccb-hero-home .ccb-hero-note {
  max-width: 54ch !important;
}


/* ============================================================
   PAGE CONTACT — correction après création du hero
============================================================ */

/* Le header contact doit redevenir transparent sur le hero sombre */
body:has(.ccb-contact-page) .ccb-header-wrap {
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-brand {
  color: #FFFFFF !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-links a {
  color: #FFFFFF !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-links a:hover {
  color: var(--coral-soft) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-brand .ccb-mark circle {
  stroke: #FFFFFF !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-btn-ghost {
  border-color: rgba(255,255,255,.5) !important;
  color: #FFFFFF !important;
  background: transparent !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-btn-ghost:hover {
  background: rgba(255,255,255,.14) !important;
  color: #FFFFFF !important;
}

/* Après le hero contact, la section des cartes n’a plus besoin d’un grand padding haut */
body:has(.ccb-contact-page) .ccb-contact-main {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
  background: var(--white) !important;
}


/* ============================================================
   RESPONSIVE HERO
============================================================ */

@media (max-width: 1100px) {
  .ccb .ccb-hero-page .ccb-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  .ccb .ccb-hero-page .ccb-hero-card {
    max-width: 720px !important;
  }

  .ccb .ccb-hero-prise,
  .ccb .ccb-hero-team,
  .ccb .ccb-hero-hdj,
  .ccb .ccb-hero-contact {
    min-height: auto !important;
    padding: 120px 0 64px !important;
  }
}

@media (max-width: 680px) {
  .ccb .ccb-hero-prise,
  .ccb .ccb-hero-team,
  .ccb .ccb-hero-hdj,
  .ccb .ccb-hero-contact {
    padding: 112px 0 56px !important;
  }

  .ccb .ccb-hero-page .ccb-hero-grid {
    gap: 34px !important;
  }

  .ccb .ccb-hero-page .ccb-hero-lead {
    font-size: 16.5px !important;
  }

  .ccb .ccb-hero-page .ccb-hero-note {
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding-left: 14px !important;
    margin-top: 20px !important;
  }

  .ccb .ccb-hero-page .ccb-hero-actions {
    margin-top: 28px !important;
  }

  .ccb .ccb-hero-page .ccb-hero-quick-card {
    border-radius: 18px !important;
    padding: 28px 24px !important;
  }

  .ccb .ccb-hero-home {
    min-height: auto !important;
  }

  .ccb .ccb-hero-home .ccb-wrap {
    padding-top: 120px !important;
  }

  .ccb .ccb-hero-home .ccb-hero-content {
    padding-bottom: 90px !important;
  }
}
/* ============================================================
   CORRECTIFS FINAUX HERO / CONTACT / ACCUEIL
   À coller tout à la fin du CSS
============================================================ */


/* ============================================================
   1. CONTACT : retour à la version simple sans hero photo
============================================================ */

.ccb.ccb-contact-page .ccb-contact-hero,
.ccb.ccb-contact-page .ccb-hero-contact {
  display: none !important;
}

.ccb.ccb-contact-page .ccb-contact-main {
  padding-top: 120px !important;
  padding-bottom: 84px !important;
  background: var(--white) !important;
}

/* Header blanc sur page Contact */
body:has(.ccb-contact-page) .ccb-header-wrap {
  background: #FFFFFF !important;
  box-shadow: 0 1px 0 var(--sage-line) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-brand {
  color: var(--ink) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-links a {
  color: var(--ink-soft) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-links a:hover {
  color: var(--coral) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-brand .ccb-mark circle {
  stroke: var(--ink) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-btn-ghost {
  border-color: var(--sage-line) !important;
  color: var(--ink) !important;
  background: transparent !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-btn-ghost:hover {
  border-color: var(--ink) !important;
  background: var(--white) !important;
  color: var(--ink) !important;
}


/* ============================================================
   2. HÔPITAL DE JOUR : remonter légèrement le contenu du hero
============================================================ */

.ccb.ccb-hdj-page .ccb-hero-hdj .ccb-hero-grid {
  transform: translateY(-18px) !important;
}

/* Si le HTML HDJ n'a pas encore la classe ccb-hero-hdj */
.ccb.ccb-hdj-page .ccb-hdj-hero .ccb-pc-hero-grid {
  transform: translateY(-18px) !important;
}


/* ============================================================
   3. ACCUEIL : éviter le bandeau blanc au-dessus du hero
============================================================ */

/* Le hero accueil doit coller en haut */
.ccb.ccb-home-page,
.ccb.ccb-home-page .ccb-herophoto,
.ccb.ccb-home-page .ccb-hero-home {
  margin-top: 0 !important;
}

/* Supprime les marges/paddings du widget Elementor qui contient le hero */
body:has(.ccb-home-page) .elementor-widget-html:has(.ccb-home-page),
body:has(.ccb-home-page) .elementor-widget-html:has(.ccb-home-page) > .elementor-widget-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Force le hero accueil en pleine largeur */
.ccb.ccb-home-page .ccb-herophoto,
.ccb.ccb-home-page .ccb-hero-home {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}


/* ============================================================
   4. MOBILE : neutralisation du léger décalage HDJ
============================================================ */

@media (max-width: 900px) {
  .ccb.ccb-hdj-page .ccb-hero-hdj .ccb-hero-grid,
  .ccb.ccb-hdj-page .ccb-hdj-hero .ccb-pc-hero-grid {
    transform: none !important;
  }

  .ccb.ccb-contact-page .ccb-contact-main {
    padding-top: 110px !important;
    padding-bottom: 64px !important;
  }
}
/* =========================================================
   MICRO-AJUSTEMENTS ALIGNEMENT SURTITRES
   Accueil / Contact uniquement
========================================================= */


/* ACCUEIL : remonter légèrement le bloc texte du hero */
.ccb.ccb-home-page .ccb-hero-home .ccb-hero-content,
.ccb.ccb-home-page .ccb-herophoto .ccb-hp-content {
  transform: translateY(-25px) !important;
}


/* CONTACT : remonter le bloc titre de la page contact */
.ccb.ccb-contact-page .ccb-contact-main {
  padding-top: 92px !important;
}

.ccb.ccb-contact-page .ccb-contact-head,
.ccb.ccb-contact-page .ccb-contact-hero-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* =========================================================
   MICRO-AJUSTEMENT HERO — HÔPITAL DE JOUR
   Redescendre légèrement le contenu
========================================================= */

.ccb.ccb-hdj-page .ccb-hero-hdj .ccb-hero-grid,
.ccb.ccb-hdj-page .ccb-hdj-hero .ccb-pc-hero-grid {
  transform: translateY(0px) !important;
}
/* =========================================================
   ACCUEIL — NOTRE APPROCHE
   Réglage final alignement + espaces
========================================================= */

/* Réduction de l'espace sous le titre */
.ccb-home-approche h2 {
  margin-bottom: 34px !important;
}

/* Réduction de l'espace entre titre et premier paragraphe */
.ccb-home-approche h2 + p,
.ccb-home-approche .ccb-lead,
.ccb-home-approche .ccb-section-intro {
  margin-top: 0 !important;
}

/* Remonte la colonne de droite */
.ccb-home-approche .ccb-grid > *:nth-child(2),
.ccb-home-approche .ccb-split > *:nth-child(2),
.ccb-home-approche .ccb-two-cols > *:nth-child(2),
.ccb-home-approche .elementor-container > .elementor-column:nth-child(2),
.ccb-home-approche .e-con-inner > .e-con:nth-child(2) {
  transform: translateY(-95px) !important;
}

/* Mobile : on annule le décalage */
@media (max-width: 767px) {
  .ccb-home-approche .ccb-grid > *:nth-child(2),
  .ccb-home-approche .ccb-split > *:nth-child(2),
  .ccb-home-approche .ccb-two-cols > *:nth-child(2),
  .ccb-home-approche .elementor-container > .elementor-column:nth-child(2),
  .ccb-home-approche .e-con-inner > .e-con:nth-child(2) {
    transform: none !important;
  }

  .ccb-home-approche h2 {
    margin-bottom: 22px !important;
  }
}
.ccb .ccb-parcours-section {
  background: var(--white);
}

.ccb .ccb-parcours-inner {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}

.ccb .ccb-parcours-inner h2 {
  max-width: 760px;
  margin-bottom: 42px;
}

.ccb .ccb-track {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.ccb .ccb-step {
  min-height: 100%;
}

@media (max-width: 1024px) {
  .ccb .ccb-track {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .ccb .ccb-track {
    grid-template-columns: 1fr;
  }
}
/* Réduit l'espace entre le titre et le texte dans la colonne gauche */
.ccb .ccb-home-approche .ccb-approach-intro .ccb-head {
  margin-bottom: 18px;
}

.ccb .ccb-home-approche .ccb-approach-intro h2 {
  margin-bottom: 0;
}

.ccb .ccb-home-approche .ccb-approach-intro > p {
  margin-top: 0;
}
/* ============================================================
   PAGE MENTIONS LÉGALES
   À coller à la fin du CSS global
   ============================================================ */

.ccb-legal-page {
  background: var(--white);
}

/* =========================
   INTRO
   ========================= */

.ccb-legal-overview {
  background: var(--white);
  padding-top: 110px;
  padding-bottom: 84px;
}

.ccb-legal-overview-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 70px;
  align-items: start;
}

.ccb-legal-overview-main h1 {
  font-size: clamp(38px, 5vw, 64px);
  margin: 16px 0 22px !important;
}

.ccb-legal-overview-text {
  max-width: 30ch;
  font-size: 16.5px;
  line-height: 1.7;
  color: var(--ink-soft);
  margin: 0 0 24px !important;
}

.ccb-legal-overview-actions {
  margin-top: 18px;
}

/* =========================
   LISTE DROITE
   ========================= */

.ccb-legal-overview-list {
  padding-top: 4px;
}

.ccb-legal-line {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 16px;
  padding: 18px 0 20px;
  border-top: 1px solid var(--sage-line);
}

.ccb-legal-line:last-child {
  border-bottom: 1px solid var(--sage-line);
}

.ccb-legal-line-num {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--coral);
  line-height: 1.2;
  padding-top: 6px;
}

.ccb-legal-line-content h3 {
  font-size: 20px;
  margin: 0 0 8px !important;
}

.ccb-legal-line-content p {
  font-size: 15px;
  line-height: 1.65;
  color: var(--stone);
  margin: 0 !important;
  max-width: 56ch;
}

/* =========================
   SECTION SOMBRE
   ========================= */

.ccb-legal-details-dark {
  background: var(--ink);
  color: var(--cream);
  padding: 84px 0;
}

.ccb-legal-head-dark .ccb-eyebrow {
  color: var(--coral-soft);
}

.ccb-legal-head-dark .ccb-eyebrow::before {
  background: var(--coral-soft);
}

.ccb-legal-head-dark h2 {
  color: var(--white) !important;
}

.ccb-legal-cards-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.ccb-legal-info-card {
  background: rgba(127,179,204,.06);
  border: 1px solid rgba(127,179,204,.16);
  border-radius: 18px;
  padding: 28px 28px 26px;
  transition: .25s;
}

.ccb-legal-info-card:hover {
  background: rgba(127,179,204,.11);
  transform: translateY(-3px);
}

.ccb-legal-info-top {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
}

.ccb-legal-info-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(234,241,245,.85);
  display: grid;
  place-items: center;
  flex: none;
}

.ccb-legal-info-icon svg {
  width: 22px;
  height: 22px;
}

.ccb-legal-info-heading {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}

.ccb-legal-info-heading span {
  font-size: 13px;
  font-weight: 600;
  color: var(--coral-soft);
}

.ccb-legal-info-heading h3 {
  color: var(--white) !important;
  font-size: 18px;
  margin: 0 !important;
}

.ccb-legal-info-card p {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(234,241,245,.82);
  margin: 0 0 12px !important;
  max-width: 54ch;
}

.ccb-legal-info-card p:last-child {
  margin-bottom: 0 !important;
}

.ccb-legal-info-card strong {
  color: var(--white);
}

.ccb-legal-info-card a {
  color: var(--coral-soft) !important;
  text-decoration: none !important;
}

.ccb-legal-info-card a:hover {
  color: var(--white) !important;
}

/* =========================
   SECTION CLAIRE BASSE
   ========================= */

.ccb-legal-extra {
  background: var(--cream);
}

.ccb-legal-extra-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.ccb-legal-extra-card {
  background: var(--white);
  border: 1px solid var(--sage-line);
  border-radius: 18px;
  padding: 28px;
  transition: .25s;
}

.ccb-legal-extra-card:hover {
  transform: translateY(-3px);
  border-color: rgba(45,110,142,.28);
}

.ccb-legal-extra-card span {
  display: inline-block;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 600;
  color: var(--coral);
}

.ccb-legal-extra-card h3 {
  font-size: 20px;
  margin: 0 0 10px !important;
}

.ccb-legal-extra-card p {
  font-size: 15px;
  line-height: 1.68;
  color: var(--stone);
  margin: 0 !important;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1100px) {
  .ccb-legal-overview-grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }
}

@media (max-width: 900px) {
  .ccb-legal-cards-grid,
  .ccb-legal-extra-grid {
    grid-template-columns: 1fr;
  }

  .ccb-legal-overview {
    padding-top: 96px;
    padding-bottom: 64px;
  }

  .ccb-legal-details-dark,
  .ccb-legal-extra {
    padding: 64px 0;
  }
}

@media (max-width: 680px) {
  .ccb-legal-line {
    grid-template-columns: 36px 1fr;
    gap: 12px;
    padding: 16px 0 18px;
  }

  .ccb-legal-overview-main h1 {
    font-size: clamp(34px, 9vw, 48px);
  }

  .ccb-legal-info-card,
  .ccb-legal-extra-card {
    padding: 24px;
    border-radius: 16px;
  }

  .ccb-legal-info-top {
    gap: 14px;
  }

  .ccb-legal-info-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }
}
/* =========================================================
   CORRECTIF FINAL — HEADER LISIBLE SUR PAGES FOND BLANC
   Contact + Mentions légales
========================================================= */

body:has(.ccb-contact-page) .ccb-header-wrap,
body:has(.ccb-legal-page) .ccb-header-wrap {
  background: #FFFFFF !important;
  box-shadow: 0 1px 0 var(--sage-line) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-brand,
body:has(.ccb-legal-page) .ccb-header-wrap .ccb-brand {
  color: var(--ink) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-links a,
body:has(.ccb-legal-page) .ccb-header-wrap .ccb-links a {
  color: var(--ink-soft) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-links a:hover,
body:has(.ccb-legal-page) .ccb-header-wrap .ccb-links a:hover {
  color: var(--coral) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-brand .ccb-mark circle,
body:has(.ccb-legal-page) .ccb-header-wrap .ccb-brand .ccb-mark circle {
  stroke: var(--ink) !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-btn-ghost,
body:has(.ccb-legal-page) .ccb-header-wrap .ccb-btn-ghost {
  border-color: var(--sage-line) !important;
  color: var(--ink) !important;
  background: transparent !important;
}

body:has(.ccb-contact-page) .ccb-header-wrap .ccb-btn-ghost:hover,
body:has(.ccb-legal-page) .ccb-header-wrap .ccb-btn-ghost:hover {
  border-color: var(--ink) !important;
  background: var(--white) !important;
  color: var(--ink) !important;
}
/* =========================================================
   PAGE MENTIONS LÉGALES — ALIGNEMENT DU SURTITRE
========================================================= */

/* La page commence sous le header blanc */
.ccb.ccb-legal-page .ccb-legal-overview {
  padding-top: 120px !important;
}

/* Même logique que les autres .ccb-head du site */
.ccb.ccb-legal-page .ccb-legal-overview-main .ccb-eyebrow {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

/* Titre aligné comme les titres de sections existants */
.ccb.ccb-legal-page .ccb-legal-overview-main h1 {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

/* Évite que la colonne droite commence trop haut ou trop bas */
.ccb.ccb-legal-page .ccb-legal-overview-list {
  padding-top: 0 !important;
}

/* Aligne la première ligne de la colonne droite avec le haut du bloc titre */
.ccb.ccb-legal-page .ccb-legal-line:first-child {
  padding-top: 18px !important;
}
/* Supprime la bande blanche au-dessus du hero sur la page d'accueil */
body.home,
body.home .site,
body.home .site-main,
body.home .content-area,
body.home .entry-content,
body.home .elementor,
body.home .elementor-section-wrap {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Sécurité sur la première section hero */
body.home .ccb-herophoto {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Supprime l'espacement éventuel du premier container Elementor */
body.home .elementor > .elementor-element:first-child,
body.home .elementor-section-wrap > .elementor-element:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Soins techniques : garder uniquement les séparateurs entre les items */
.ccb-pc-soins-section .ccb-pc-tech-block article {
  border-top: none !important;
  border-bottom: none !important;
}

/* On remet uniquement une ligne entre deux articles */
.ccb-pc-soins-section .ccb-pc-tech-block article + article {
  border-top: 1px solid rgba(16, 56, 76, 0.12) !important;
}
/* Accueil : remonter légèrement la barre d'informations du hero */
.ccb-hero-home .ccb-hero-features-bar {
  transform: translateY(-48px);
}
/* Section Examens complémentaires : fond bleu clair + blocs blancs */

.ccb.ccb-pc-page #ccb-examens {
  background: var(--sage) !important;
}

.ccb.ccb-pc-page #ccb-examens .ccb-pc-tech-block {
  background: var(--white) !important;
  border: 1px solid var(--sage-line) !important;
  box-shadow: 0 18px 45px rgba(16, 56, 76, 0.08);
}/* End custom CSS */