.elementor-kit-6{--e-global-color-primary:#B2B0D8;--e-global-color-secondary:#EC8E72;--e-global-color-text:#3D3B52;--e-global-color-accent:#EC8E72;--e-global-color-a46d58c:#B2B0D8;--e-global-color-1f626e5:#EC8E72;--e-global-color-3551b18:#A9D5C0;--e-global-color-63f178a:#FFDD5A;--e-global-color-511d144:#B2B0D81A;--e-global-color-b215b97:#B2B0D833;--e-global-color-fa32cd0:#EC8E721A;--e-global-color-ca02370:#EC8E7233;--e-global-color-3d80dce:#A9D5C033;--e-global-color-62d0b8b:#FFFFFF;--e-global-color-ee4c416:#76BC9A;--e-global-color-cb7c6a3:#E7704B;--e-global-color-d1826c0:#F3B9A5;--e-global-color-22b8435:#92C9AE;--e-global-color-5966487:#7A7A90;--e-global-color-0400231:#A29FD0;--e-global-typography-primary-font-family:"justanotherhand";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"justanotherhand";--e-global-typography-secondary-font-size:46px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.15em;--e-global-typography-text-font-family:"Poppins Regular";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65em;--e-global-typography-accent-font-family:"Poppins-Bold";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;color:#6B6888;font-family:"Poppins Regular", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#EC8E72;font-family:"Poppins-Bold", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;padding:14px 28px 14px 28px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#E07A5A;border-radius:50px 50px 50px 50px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#6B6888;font-family:"Poppins Regular", Sans-serif;font-size:16px;font-weight:400;line-height:1.65em;}.elementor-kit-6 h1{color:var( --e-global-color-text );font-family:"justanotherhand", Sans-serif;font-size:60px;font-weight:400;line-height:1.1px;}.elementor-kit-6 h2{color:var( --e-global-color-text );font-family:"justanotherhand", Sans-serif;font-size:46px;font-weight:400;}.elementor-kit-6 h3{color:var( --e-global-color-text );font-family:"Poppins Bold Italic", Sans-serif;font-size:18px;font-weight:700;}.elementor-kit-6 h4{color:var( --e-global-color-text );font-family:"Poppins Bold Italic", Sans-serif;font-size:18px;font-weight:700;}.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-kit-6{--e-global-typography-primary-font-size:42px;--e-global-typography-secondary-font-size:34px;}.elementor-kit-6 h1{font-size:42px;}.elementor-kit-6 h2{font-size:34px;}.elementor-kit-6 h3{font-size:17px;}.elementor-kit-6 h4{font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:34px;--e-global-typography-secondary-font-size:28px;}.elementor-kit-6 h1{font-size:34px;}.elementor-kit-6 h2{font-size:28px;line-height:1.15em;}.elementor-kit-6 h3{font-size:18px;}.elementor-kit-6 h4{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   HAPPY MHOME — CSS GLOBAL
   Ordre : Base → Composants globaux → Pages → Responsive
   ============================================================ */


/* ── BASE ─────────────────────────────────────────────────── */

html { scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: border-box; }
body { overflow-x: hidden; }


/* ── BOUTONS UTILITAIRES ──────────────────────────────────── */

.btn-corail {
  background: #ec8e72 !important;
  color: #fff !important;
  border-radius: 50px !important;
  border: 2px solid #ec8e72 !important;
  font-weight: 600 !important;
  transition: all 0.25s !important;
}
.btn-corail:hover {
  background: #e07a5a !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(236,142,114,0.4) !important;
}

.btn-vert {
  background: #a9d5c0 !important;
  color: #3d3b52 !important;
  border-radius: 50px !important;
  border: 2px solid #a9d5c0 !important;
  font-weight: 600 !important;
  transition: all 0.25s !important;
}
.btn-vert:hover {
  background: #8dc9b0 !important;
  transform: translateY(-3px);
}

.btn-outline-corail {
  background: transparent !important;
  color: #ec8e72 !important;
  border-radius: 50px !important;
  border: 2px solid #ec8e72 !important;
  font-weight: 600 !important;
  transition: all 0.25s !important;
}
.btn-outline-corail:hover {
  background: #ec8e72 !important;
  color: #fff !important;
}


/* ── REVEAL AU SCROLL ─────────────────────────────────────── */

.reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}
.reveal.on {
  opacity: 1;
  transform: translateY(0);
}


/* ── PROCESS TRACK (homepage) ─────────────────────────────── */

.process-track {
  position: relative !important;
}
.process-track::before {
  content: '';
  position: absolute;
  top: 22px;
  left: 23%;
  right: auto;
  width: 58%;
  height: 2px;
  background: linear-gradient(90deg,#ec8e72 0%,#a9d5c0 33%,#b2b0d8 66%,#ffdd5a 100%);
  border-radius: 2px;
  z-index: 0;
}
.process-card { position: relative; z-index: 1; }
.process-num {
  position: absolute;
  top: -22px; left: 50%;
  transform: translateX(-50%);
  width: 44px; height: 44px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Just Another Hand', cursive;
  font-size: 24px;
  z-index: 2;
}
.num-1 { background: #ec8e72; color: #fff; }
.num-2 { background: #a9d5c0; color: #3d3b52; }
.num-3 { background: #b2b0d8; color: #fff; }
.num-4 { background: #ffdd5a; color: #3d3b52; }

/* ── SIDE DRAWER — AIDES & FINANCEMENT ───────────────────── */

.side-drawer {
  position: fixed;
  right: 0; top: 50%;
  transform: translateY(-50%);
  z-index: 800;
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s ease;
}
.side-drawer.sd-visible {
  opacity: 1;
  pointer-events: auto;
}

.sd-tab {
  position: absolute;
  right: 0; top: 50%;
  transform: translateY(-50%);
  background: #fef8e0;
  border: 2px solid #ffdd5a;
  border-right: none;
  border-radius: 10px 0 0 10px;
  width: 44px;
  padding: 2rem .6rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  transition: width .2s ease;
}
.sd-tab:hover { width: 48px; }
.sd-tab-icon { font-size: 20px; line-height: 1; }
.sd-tab-label {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  font-size: 13px;
  font-weight: 700;
  color: #3d3b52;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.sd-panel {
  position: fixed;
  right: -290px; top: 50%;
  transform: translateY(-50%);
  width: 270px;
  background: #fff;
  border-left: 3px solid #ffdd5a;
  border-radius: 16px 0 0 16px;
  box-shadow: -4px 0 28px rgba(61,59,82,.10);
  transition: right .35s cubic-bezier(.34,1.2,.64,1);
  padding: 1.5rem 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sd-panel.sd-open { right: 0; }

.sd-close {
  position: absolute;
  top: 10px; right: 10px;
  width: 26px; height: 26px;
  background: #ec8e72;
  border: 2px solid #fff;
  border-radius: 6px !important;
  color: #fff;
  font-size: 11px; font-weight: 700;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 8px rgba(236,142,114,.35);
  transition: background .2s, transform .2s;
}
.sd-close:hover { background: #d97a5e; transform: scale(1.08); }

.sd-card {
  background: #fff;
  border-radius: 20px;
  padding: 1.6rem 1.4rem;
  text-align: center;
  width: 100%;
  display: flex; flex-direction: column; align-items: center;
  gap: .75rem;
  box-shadow: 0 4px 24px rgba(61,59,82,.07);
}
.sd-icon {
  width: 52px; height: 52px;
  border-radius: 50%;
  background: #fef8e0;
  display: flex; align-items: center; justify-content: center;
  font-size: 20px;
}
.sd-tag {
  background: rgba(178,176,216,.2);
  color: #6b6888;
  font-size: 10px; font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: .25rem .75rem;
  border-radius: 50px;
}
.sd-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 18px; color: #3d3b52; }
.sd-kpi   { font-family: 'Just Another Hand', cursive; font-size: 22px; color: #ec8e72; }
.sd-desc  { font-size: 12px; color: #6b6888; line-height: 1.6; }
.sd-cta {
  display: block;
  background: #ffdd5a;
  color: #3d3b52 !important;
  text-decoration: none;
  text-align: center;
  border-radius: 50px;
  padding: .6rem 1.2rem;
  font-size: 12px; font-weight: 700;
  width: 100%;
  box-shadow: 0 4px 12px rgba(255,221,90,.5);
  transition: background .2s, transform .2s;
}
.sd-cta:hover { background: #f5d000; transform: translateY(-1px); }
.sd-note { font-size: 10px; color: rgba(107,104,136,.75); line-height: 1.5; }

/* FAB mobile (bouton rond flottant) */
.sd-fab {
  position: fixed;
  bottom: 24px; right: 20px;
  width: 52px; height: 52px;
  border-radius: 50%;
  background: #fef8e0 !important;
  border: 2px solid #ffdd5a !important;
  color: #3d3b52 !important;
  font-size: 28px !important;
  cursor: pointer;
  z-index: 800;
  display: none;
  align-items: center; justify-content: center;
  transition: transform .2s ease;
}
.sd-fab.sd-visible { display: flex; }
.sd-fab:hover { transform: scale(1.08) !important; }

.sd-mobile-panel {
  display: none;
  position: fixed;
  left: 0; right: 0;
  bottom: -500px;
  background: #fff;
  border-radius: 20px 20px 0 0;
  border-top: 3px solid #ffdd5a;
  box-shadow: 0 -4px 28px rgba(61,59,82,.12);
  padding: 1rem 1.4rem 2rem;
  z-index: 801;
  flex-direction: column; align-items: center;
  gap: .65rem;
  transition: bottom .35s cubic-bezier(.34,1.2,.64,1);
}
.sd-mobile-panel.sd-mob-open { bottom: 0; }
.sd-mp-handle {
  width: 36px; height: 4px;
  background: rgba(178,176,216,.4);
  border-radius: 2px;
  margin-bottom: .3rem;
}
.sd-mp-close {
  position: absolute;
  top: 12px; right: 12px;
  width: 26px; height: 26px;
  background: #ec8e72;
  border: 2px solid #fff;
  border-radius: 6px !important;
  color: #fff;
  font-size: 11px; font-weight: 700;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .2s;
}
.sd-mp-close:hover { background: #d97a5e; }


/* ── PAGE CONTACT — CARTES SÉLECTEUR ─────────────────────── */

#card-parents,
#card-candidats {
  cursor: pointer;
  border-radius: 48px;
  padding: 36px 32px 28px;
  border: 3px solid transparent;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#card-parents  { background: #f4f3fb; border-color: #e8e7f4; box-shadow: 0 12px 40px rgba(178,176,216,.28); }
#card-candidats{ background: #fde8e0; border-color: #f5c4b0; box-shadow: 0 12px 40px rgba(236,142,114,.25); }
#card-parents:hover  { transform: translateY(-8px); border-color: #b2b0d8; }
#card-candidats:hover{ transform: translateY(-8px); border-color: #ec8e72; }

#card-parents.active  { background: #b2b0d8 !important; border-color: #b2b0d8 !important; }
#card-candidats.active{ background: #ec8e72 !important; border-color: #ec8e72 !important; }

#card-parents.active h2,
#card-parents.active p,
#card-parents.active .elementor-heading-title,
#card-parents.active .elementor-widget-text-editor,
#card-candidats.active h2,
#card-candidats.active p,
#card-candidats.active .elementor-heading-title,
#card-candidats.active .elementor-widget-text-editor {
  color: white !important;
}
#card-parents.active .fi-badge-p  { background: rgba(255,255,255,.25) !important; color: white !important; }
#card-candidats.active .fi-badge-c { background: rgba(255,255,255,.25) !important; color: white !important; }

/* Masquage initial des panneaux formulaires */
#panel-parents,
#panel-candidats {
  display: none !important;
}
#panel-parents.visible,
#panel-candidats.visible {
  display: grid !important;
  animation: slideUp 0.5s cubic-bezier(0.34, 1.2, 0.64, 1) both;
}
@keyframes slideUp {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: translateY(0); }
}


/* ── PAGE NOS SOLUTIONS — TICKER ─────────────────────────── */

.ticker-wrap { overflow: hidden; white-space: nowrap; }
.ticker-inner {
  display: inline-flex;
  animation: ticker 30s linear infinite;
}
.ticker-item {
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  color: #3a3a4a;
  padding: 0 36px;
}
.ticker-item .tsep { color: #ffdd5a; font-size: 18px; }
@keyframes ticker {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}


/* ── PAGE NOS SOLUTIONS — CARTES PHARES ──────────────────── */

.phare-card {
  box-shadow: 0 8px 32px rgba(178,176,216,.16);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.phare-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 56px rgba(178,176,216,.28);
}


/* ── PAGE NOS SOLUTIONS — CARTES SECONDAIRES ─────────────── */

.autre-card {
  position: relative;
  overflow: hidden;
  transition: transform .25s, box-shadow .25s;
}
.autre-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 48px rgba(178,176,216,.26);
}
.autre-card::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
}
#card-ac-1::after { background: #b2b0d8; }
#card-ac-2::after { background: #ec8e72; }
#card-ac-3::after { background: #ffdd5a; }
#card-ac-4::after { background: #a9d5c0; }
#card-ac-5::after { background: #b2b0d8; }

.ac-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.ac-tag  { background: #f4f3fb; border-radius: 50px; padding: 3px 10px; font-size: 12px; font-weight: 700; font-family: 'Poppins', sans-serif; color: #7a7a90; }



/* ── PAGE PARENTS — TIMELINE ──────────────────────────────── */

.timeline { position: relative; max-width: 900px; margin: 0 auto; }
.timeline-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #e8e7f4; transform: translateX(-50%); }
.tl-item { display: grid; grid-template-columns: 1fr 60px 1fr; margin-bottom: 48px; align-items: start; }
.tl-item:last-child { margin-bottom: 0; }
.tl-left  { padding-right: 40px; text-align: right; }
.tl-right { padding-left: 40px; }
.tl-node  { display: flex; justify-content: center; z-index: 2; position: relative; }

.tl-num {
  width: 52px; height: 52px; border-radius: 50%;
  background: #b2b0d8; color: white;
  font-weight: 700; font-size: 18px;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 16px rgba(178,176,216,.4);
}
.n-corail  { background: #ec8e72; box-shadow: 0 4px 16px rgba(236,142,114,.4); }
.n-paille  { background: #ffdd5a; color: #3a3a4a; box-shadow: 0 4px 16px rgba(255,221,90,.4); }
.n-vert    { background: #a9d5c0; color: #3a3a4a; box-shadow: 0 4px 16px rgba(169,213,192,.4); }
.n-violet2 { background: #9f9dc8; }

.tl-card {
  background: white; border-radius: 28px; padding: 22px 24px;
  border: 2px solid #e8e7f4;
  box-shadow: 0 8px 32px rgba(178,176,216,.18);
  transition: transform .25s, box-shadow .25s;
}
.tl-card:hover { transform: translateY(-4px); box-shadow: 0 20px 48px rgba(178,176,216,.28); }
.c-corail { border-color: #fde8e0; }
.c-paille { border-color: #ffe08a; }
.c-vert   { border-color: #c5e6d8; }

.tl-icon { font-size: 28px; margin-bottom: 10px; display: block; }
.tl-card h3 { font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 1.25; }
.tl-card p  { font-size: 15px; color: #7a7a90; line-height: 1.65; }

.tl-tag { display: inline-block; margin-top: 10px; border-radius: 50px; padding: 3px 12px; font-size: 11px; font-weight: 700; background: #f4f3fb; color: #b2b0d8; }
.t-corail { background: #fde8e0; color: #ec8e72; }
.t-paille { background: #fff8d6; color: #8a6a00; }
.t-vert   { background: #dff0e8; color: #3a8a6a; }


/* ── PAGE PARENTS — SIMULATEUR ────────────────────────────── */

.simulateur { background: white; border-radius: 20px; padding: 24px; border: 2px solid #e8e7f4; }
.simu-title { font-weight: 700; font-size: 14px; margin-bottom: 16px; }
.simu-row { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #e8e7f4; font-size: 13px; }
.simu-row.last { border-bottom: none; font-weight: 700; font-size: 14px; }
.simu-label { color: #7a7a90; }
.simu-value { font-weight: 700; }
.simu-value.positive { color: #3a8a6a; }
.simu-value.highlight { color: #b2b0d8; font-size: 18px; }
.simu-note { font-size: 11px; color: #7a7a90; margin-top: 12px; font-style: italic; }


/* ── PAGE PARENTS — AUTRES COMPOSANTS ────────────────────── */

.cta-primary  { transition: all .25s; }
.cta-primary:hover  { background: #9f9dc8 !important; transform: translateY(-3px) !important; }
.cta-secondary{ transition: all .25s; }
.cta-secondary:hover{ border-color: #b2b0d8 !important; transform: translateY(-3px) !important; }

.gestion-card { transition: transform .25s, box-shadow .25s; }
.gestion-card:hover { transform: translateY(-6px); box-shadow: 0 20px 48px rgba(178,176,216,.28); }

.zone-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }
.zone-tag  { background: white; border: 2px solid #e8e7f4; border-radius: 50px; padding: 6px 16px; font-size: 13px; font-weight: 700; color: #3a3a4a; font-family: 'Poppins', sans-serif; }


/* ── PAGE CANDIDATS — PROFILS ─────────────────────────────── */

.profil-card {
  box-shadow: 0 8px 32px rgba(236,142,114,.14);
  transition: transform .3s cubic-bezier(.34,1.4,.64,1), box-shadow .3s;
}
.profil-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 48px rgba(236,142,114,.28);
}

.pc-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.pc-tag  { background: #fef4f0; border-radius: 50px; padding: 3px 11px; font-size: 11px; font-weight: 700; color: #ec8e72; }
.pc-tag-violet { background: #f4f3fb; color: #b2b0d8; }
.pc-tag-vert   { background: #dff0e8; color: #3a8a6a; }


/* ── PAGE CANDIDATS — TIMELINE ────────────────────────────── */

.timeline-c { position: relative; max-width: 900px; margin: 0 auto; }
.tl-line-c  { position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #f5c4b0; transform: translateX(-50%); }
.tl-item-c  { display: grid; grid-template-columns: 1fr 60px 1fr; align-items: start; margin-bottom: 48px; }
.tl-item-c:last-child { margin-bottom: 0; }
.tl-left-c  { padding-right: 40px; text-align: right; }
.tl-right-c { padding-left: 40px; }
.tl-node-c  { display: flex; justify-content: center; z-index: 2; position: relative; }

.tl-num-c {
  width: 52px; height: 52px; border-radius: 50%;
  background: #ec8e72; color: white;
  font-family: 'Poppins', sans-serif;
  font-weight: 700; font-size: 18px;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 16px rgba(236,142,114,.4);
  flex-shrink: 0;
}
.tl-num-c.n-violet { background: #b2b0d8; box-shadow: 0 4px 16px rgba(178,176,216,.4); }
.tl-num-c.n-paille { background: #ffdd5a; color: #3a3a4a; box-shadow: 0 4px 16px rgba(255,221,90,.4); }
.tl-num-c.n-vert   { background: #a9d5c0; color: #3a3a4a; box-shadow: 0 4px 16px rgba(169,213,192,.4); }

.tl-card-c {
  background: white; border-radius: 28px; padding: 24px 26px;
  border: 2px solid #f5c4b0;
  box-shadow: 0 8px 32px rgba(236,142,114,.14);
  transition: transform .25s, box-shadow .25s;
}
.tl-card-c:hover { transform: translateY(-4px); box-shadow: 0 20px 48px rgba(236,142,114,.24); }

.tl-icon-c { font-size: 28px; margin-bottom: 12px; display: block; }
.tl-card-c h3 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 18px; color: #3a3a4a; margin-bottom: 10px; line-height: 1.25; }
.tl-card-c p  { font-family: 'Poppins', sans-serif; font-size: 16px; color: #7a7a90; line-height: 1.7; }

.tl-tag-c { display: inline-block; margin-top: 12px; border-radius: 50px; padding: 4px 14px; font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 700; background: #fef4f0; color: #ec8e72; }
.tl-tag-c.t-violet { background: #f4f3fb; color: #b2b0d8; }
.tl-tag-c.t-paille { background: #fff8d6; color: #8a6a00; }
.tl-tag-c.t-vert   { background: #dff0e8; color: #3a8a6a; }


/* ── PAGE BLOG — FILTRES ──────────────────────────────────── */

.filtres-wrap  { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.filtre-label  { font-size: 16px; font-weight: 700; color: #7a7a90; }
.filtre-pill   { padding: 7px 18px; border-radius: 50px; font-size: 16px; font-weight: 700; border: 2px solid #e8e7f4; color: #7a7a90; background: white; text-decoration: none; }
.filtre-pill.active { background: #b2b0d8; color: white; border-color: #b2b0d8; }
.filtre-soon   { font-size: 16px; color: #7a7a90; font-style: italic; }


/* ── PAGE BLOG — ARCHIVE CARTES ───────────────────────────── */

.elementor-loop-item {
  box-shadow: 0 8px 32px rgba(178,176,216,.14);
  border-radius: 28px;
  transition: transform .25s, box-shadow .25s;
}
.elementor-loop-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 48px rgba(178,176,216,.26);
}


/* ── PAGE ARTICLE — BREADCRUMB & MÉTA ────────────────────── */

.breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #7a7a90; flex-wrap: wrap; }
.breadcrumb a { color: #b2b0d8; text-decoration: none; font-weight: 600; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb .sep { color: #e8e7f4; }

.article-meta { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; font-size: 13px; color: #7a7a90; padding-bottom: 20px; border-bottom: 2px solid #e8e7f4; }


/* ── PAGE ARTICLE — CORPS DE TEXTE ───────────────────────── */

.elementor-widget-theme-post-content p          { margin-bottom: 24px; }
.elementor-widget-theme-post-content h2         { font-family: 'Just Another Hand', cursive; font-size: 32px; color: #b2b0d8; margin: 36px 0 16px; line-height: 1.2; }
.elementor-widget-theme-post-content h3         { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 18px; margin: 28px 0 12px; }
.elementor-widget-theme-post-content blockquote { border-left: 4px solid #b2b0d8; background: #f4f3fb; border-radius: 0 20px 20px 0; padding: 20px 24px; margin: 28px 0; font-style: italic; color: #7a7a90; }
.elementor-widget-theme-post-content img        { border-radius: 20px; width: 100%; height: auto; margin: 28px 0; }


/* ── RESPONSIVE ───────────────────────────────────────────── */

/* Desktop : side drawer visible, FAB masqué */
@media (min-width: 641px) {
  .sd-fab          { display: none !important; }
  .sd-mobile-panel { display: none !important; }
}

/* Mobile : side drawer masqué, FAB + bottom sheet visibles */
@media (max-width: 640px) {
  .side-drawer     { display: none !important; }
  .sd-mobile-panel { display: flex; }
}

/* Header nav — écrans intermédiaires */
@media (max-width: 1680px) {
  .elementor-nav-menu .elementor-item {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* Timeline Parents — mobile */
@media (max-width: 1024px) {
  .timeline-line { left: 24px; }
  .tl-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 32px;
  }
  .tl-left  { display: none; }
  .tl-node  { flex-shrink: 0; }
  .tl-right { flex: 1; padding-left: 0; text-align: left; }
  .tl-card  { width: 100%; }
}

/* Timeline Candidats — mobile */
@media (max-width: 1024px) {
  .tl-line-c { left: 24px; }
  .tl-item-c {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 32px;
  }
  .tl-left-c  { display: none; }
  .tl-node-c  { flex-shrink: 0; }
  .tl-right-c { flex: 1; padding-left: 0; text-align: left; }
  .tl-card-c  { width: 100%; }
}

/* Désactivation des hovers sur mobile */
@media (max-width: 1024px) {
  .phare-card:hover,
  .autre-card:hover,
  .profil-card:hover,
  .tl-card:hover,
  .tl-card-c:hover,
  .gestion-card:hover,
  .elementor-loop-item:hover {
    transform: none !important;
    box-shadow: inherit !important;
  }
}


/* ── TIMELINE MOBILE PARENTS ──────────────────────────────── */

.tm-wrap {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  max-width: 600px;
  margin: 0 auto;
}

.tm-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.tm-last .tm-left { }

.tm-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}

.tm-num {
  width: 32px; height: 32px;
  border-radius: 50%;
  background: #b2b0d8;
  color: white;
  font-weight: 700; font-size: 15px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(178,176,216,.35);
}
.tm-num.n-c  { background: #ec8e72; box-shadow: 0 4px 12px rgba(236,142,114,.35); }
.tm-num.n-p  { background: #ffdd5a; color: #3a3a4a; box-shadow: 0 4px 12px rgba(255,221,90,.35); }
.tm-num.n-g  { background: #a9d5c0; color: #3a3a4a; box-shadow: 0 4px 12px rgba(169,213,192,.35); }
.tm-num.n-v2 { background: #9f9dc8; }

.tm-line {
  width: 2px;
  flex: 1;
  background: #e8e7f4;
  min-height: 20px;
  margin: 4px 0;
}

.tm-card {
  background: white;
  border-radius: 20px;
  padding: 16px 18px;
  border: 2px solid #e8e7f4;
  box-shadow: 0 4px 16px rgba(178,176,216,.14);
  margin-bottom: 12px;
  flex: 1;
}

.tm-icon { font-size: 22px; display: block; margin-bottom: 8px; }

.tm-card h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700; font-size: 20px;
  color: #3a3a4a;
  margin-bottom: 6px; line-height: 1.3;
}

.tm-card p {
  font-family: 'Poppins', sans-serif;
  font-size: 18px; color: #7a7a90;
  line-height: 1.65;
}

.tm-tag {
  display: inline-block;
  margin-top: 10px;
  border-radius: 50px;
  padding: 3px 12px;
  font-size: 13px; font-weight: 700;
  background: #f4f3fb; color: #b2b0d8;
}
.tm-tag.t-c { background: #fde8e0; color: #ec8e72; }
.tm-tag.t-p { background: #fff8d6; color: #8a6a00; }
.tm-tag.t-g { background: #dff0e8; color: #3a8a6a; }


/* ── TIMELINE MOBILE PARENTS ──────────────────────────────── */

.tm-wrap {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  max-width: 600px;
  margin: 0 auto;
}

.tm-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.tm-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}

.tm-num {
  width: 32px; height: 32px;
  border-radius: 50%;
  background: #b2b0d8;
  color: white;
  font-weight: 700; font-size: 15px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(178,176,216,.35);
}
.tm-num.n-c  { background: #ec8e72; box-shadow: 0 4px 12px rgba(236,142,114,.35); }
.tm-num.n-p  { background: #ffdd5a; color: #3a3a4a; box-shadow: 0 4px 12px rgba(255,221,90,.35); }
.tm-num.n-g  { background: #a9d5c0; color: #3a3a4a; box-shadow: 0 4px 12px rgba(169,213,192,.35); }
.tm-num.n-v2 { background: #9f9dc8; }

.tm-line {
  width: 2px;
  flex: 1;
  background: #e8e7f4;
  min-height: 20px;
  margin: 4px 0;
}

.tm-card {
  background: white;
  border-radius: 20px;
  padding: 16px 18px;
  border: 2px solid #e8e7f4;
  box-shadow: 0 4px 16px rgba(178,176,216,.14);
  margin-bottom: 12px;
  flex: 1;
}
.tm-card.tm-card-c { border-color: #fde8e0; }
.tm-card.tm-card-p { border-color: #ffe08a; }
.tm-card.tm-card-g { border-color: #c5e6d8; }

.tm-icon { font-size: 22px; display: block; margin-bottom: 8px; }

.tm-card h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700; font-size: 20px;
  color: #3a3a4a;
  margin-bottom: 6px; line-height: 1.3;
}

.tm-card p {
  font-family: 'Poppins', sans-serif;
  font-size: 18px; color: #7a7a90;
  line-height: 1.65;
}

.tm-tag {
  display: inline-block;
  margin-top: 10px;
  border-radius: 50px;
  padding: 3px 12px;
  font-size: 13px; font-weight: 700;
  background: #f4f3fb; color: #b2b0d8;
}
.tm-tag.t-c { background: #fde8e0; color: #ec8e72; }
.tm-tag.t-p { background: #fff8d6; color: #8a6a00; }
.tm-tag.t-g { background: #dff0e8; color: #3a8a6a; }

/* Masquage responsive */
@media (min-width: 1025px) {
  .tm-wrap { display: none; }
}

/* ── AIDES CAF / MSA ──────────────────────────────────────── */

.aides-wrap {
  max-width: 680px;
  margin: 0 auto;
}

.aides-question {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #3a3a4a;
  margin-bottom: 16px;
}

.age-cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Carte */
.age-card {
  border: 2px solid #e8e7f4;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: border-color .2s, box-shadow .2s;
  background: white;
}
.age-card:hover {
  border-color: #b2b0d8;
}
.age-card.age-open {
  border-color: #b2b0d8;
  box-shadow: 0 4px 20px rgba(178,176,216,.18);
}

/* En-tête de carte */
.age-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
}

.age-emoji {
  width: 40px; height: 40px;
  border-radius: 50%;
  background: #f4f3fb;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}
.age-emoji-vert { background: #dff0e8; }

.age-label {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #3a3a4a;
  flex: 1;
}
.age-card.age-open .age-label { color: #b2b0d8; }

.age-arrow {
  font-size: 12px;
  color: #b2b0d8;
  transition: transform .25s;
  flex-shrink: 0;
}
.age-card.age-open .age-arrow { transform: rotate(90deg); }

/* Corps de carte */
.age-body {
  display: none;
  padding: 0 18px 18px 72px;
  border-top: 1px solid #e8e7f4;
  padding-top: 14px;
}
.age-card.age-open .age-body { display: block; }

.age-intro {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #7a7a90;
  line-height: 1.65;
  margin-bottom: 12px;
}

/* Montants en pills */
.age-montants {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}
.age-pill {
  background: #f4f3fb;
  border-radius: 50px;
  padding: 5px 14px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #b2b0d8;
}

.age-detail {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #7a7a90;
  line-height: 1.65;
  margin-bottom: 12px;
}
.age-detail strong { color: #ec8e72; }
.age-detail-vert strong { color: #3a8a6a; }

.age-ref {
  font-size: 13px;
  color: #b2b0d8;
  vertical-align: super;
}

/* Tags */
.age-tag {
  display: inline-block;
  border-radius: 50px;
  padding: 4px 14px;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 700;
  background: #fff8d6;
  color: #8a6a00;
}
.age-tag-vert {
  background: #dff0e8;
  color: #3a8a6a;
}

/* Notes légales */
.aides-notes {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  color: #7a7a90;
  font-style: italic;
  line-height: 1.7;
  margin-top: 16px;
}
.aides-notes a {
  color: #b2b0d8;
  text-decoration: underline;
}

.hm-badge-planning { background: #b2b0d8; color: #ffffff; }

/* ── LP ──────────────────────────────────────── */
.lp-google-badge {
  display: flex; align-items: center; gap: 8px;
  background: white; border: 1.5px solid #e8e7f4;
  border-radius: 50px; padding: 6px 14px; font-size: 11px;
}
.lp-g-stars { color: #ffdd5a; font-size: 12px; letter-spacing: -1px; }
.lp-g-note  { font-weight: 700; font-size: 12px; }
.lp-g-google{ color: #4285F4; font-weight: 700; font-size: 11px; }
.lp-trust { display:flex; align-items:center; gap:7px;
  font-size:12px; font-weight:600; color:#7a7a90; }
.lp-trust-dot { width:7px; height:7px; border-radius:50%;
  background:#4CAF50; animation: pg 2s infinite; }
@keyframes pg {
  0%,100%{ box-shadow:0 0 0 3px rgba(76,175,80,.2); }
  50%{ box-shadow:0 0 0 6px rgba(76,175,80,.1); }
}


.lp-pills { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
.lp-pill {
  background:white; border:2px solid #e8e7f4;
  border-radius:50px; padding:5px 13px;
  font-size:12px; font-weight:700; color:#7a7a90;
  display:flex; align-items:center; gap:5px;
}
.mylene-strip {
  display:flex; align-items:center; gap:14px;
  background:white; border:2px solid #e8e7f4;
  border-radius:28px; padding:14px 18px; max-width:420px;
}
.mylene-avatar {
  width:48px; height:48px; border-radius:50%;
  background:linear-gradient(140deg,#e8e7f4,#d5d3ee);
  display:flex; align-items:center; justify-content:center;
  font-size:22px; border:2px solid #e8e7f4; flex-shrink:0; overflow:hidden;
}
.mylene-text strong { display:block; font-size:16px; font-weight:700; color:#3a3a4a; }
.mylene-text span { font-size:15px; color:#7a7a90; line-height:1.45; }
.mylene-text em { font-style:normal; color:#ec8e72; font-weight:700; }


/* ── MINI FORMULAIRE ──────────────────────────────────────── */
.mini-form-card {
  background: white; border-radius: 40px;
  padding: 28px 26px;
  box-shadow: 0 12px 48px rgba(178,176,216,.22);
  border: 2px solid #e8e7f4;
}
.mf-title { font-family:"Just Another Hand",cursive; font-size:24px;
  color:#3a3a4a; margin-bottom:4px; }
.mf-sub { font-size:12px; color:#7a7a90; margin-bottom:20px; line-height:1.5; }
.mf-options { display:flex; flex-direction:column; gap:8px; margin-bottom:18px; }
.mf-opt {
  display:flex; align-items:center; gap:12px;
  padding:10px 14px; border:2px solid #e8e7f4;
  border-radius:20px; cursor:pointer; transition:all .2s;
  position:relative;
}
.mf-opt:hover { border-color:#b2b0d8; background:#f4f3fb; }
.mf-opt.selected { border-color:#b2b0d8; background:#f4f3fb; }
.mf-opt input[type=radio] { position:absolute; opacity:0; width:0; height:0; }
.mf-radio {
  width:18px; height:18px; border-radius:50%;
  border:2px solid #e8e7f4; background:white;
  flex-shrink:0; display:flex; align-items:center;
  justify-content:center; transition:all .2s;
}
.mf-opt.selected .mf-radio { border-color:#b2b0d8; background:#b2b0d8; }
.mf-opt.selected .mf-radio::after {
  content:""; width:6px; height:6px; border-radius:50%;
  background:white; display:block;
}
.mf-opt-icon { font-size:18px; flex-shrink:0; }
.mf-opt-text { font-size:13px; font-weight:600; color:#3a3a4a; }
.mf-opt.selected .mf-opt-text { color:#b2b0d8; }
.mf-cta {
  width: 100%; padding: 14px;
  background: #b2b0d8; color: white; /* ← blanc */
  font-family: "Poppins", sans-serif; font-weight: 700; font-size: 16px; /* ← 16px */
  text-transform: uppercase; /* ← majuscules */
  letter-spacing: 0.5px;
  border: none; border-radius: 50px; cursor: pointer;
  box-shadow: 0 6px 24px rgba(178,176,216,.35); transition: all .25s;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  text-align: center; text-decoration: none;
  margin: 0 auto;
}
.mf-cta:hover { background: #9f9dc8; transform: translateY(-2px); }
.mf-cta {
  color: white !important;
  text-decoration: none !important;
}
.mf-cta {
  font-weight: 700 !important;
}

/* ── HEADER — BOUTONS ÉCRANS INTERMÉDIAIRES 1550-1623px ───── */
@media (min-width: 1452px) and (max-width: 1521px) {
  .elementor-location-header .elementor-button {
    font-size: 13px !important;
    padding: 8px 10px !important;
    white-space: nowrap !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'justanotherhand';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://happy-mhome.fr/wp-content/uploads/2026/03/justanotherhand-regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://happy-mhome.fr/wp-content/uploads/2026/03/Poppins-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins-Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://happy-mhome.fr/wp-content/uploads/2026/03/Poppins-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins Bold Italic';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://happy-mhome.fr/wp-content/uploads/2026/03/Poppins-BoldItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */