/*
==================================================================
 Fichier : ef-home.css  (chargé sur la page d'accueil uniquement)
 Thème   : ef-evolution-enfant
 Rôle    : habillage du panorama (carrousel accessible) et des
           sections de la page d'accueil — palette Trio 1, WCAG AA.
 CHANGELOG
   2026-06-17 07:58 (Europe/Zurich) — v1 — Création.
 Auteur  : Jean Hertzschuch — Web design professionnel
==================================================================
*/
.ef-pano{position:relative;max-width:1100px;margin:8px auto 44px;padding:0 8px}
.ef-pano__viewport{overflow:hidden;border-radius:14px;background:#fff;border:1px solid var(--ef-line,#E7E0D2)}
.ef-pano__track{list-style:none;margin:0;padding:0}
.ef-pano__slide{display:none}
.ef-pano__slide.is-active{display:block}
.ef-pano__link{display:flex;gap:30px;align-items:center;justify-content:center;flex-wrap:wrap;padding:28px 32px;text-decoration:none;color:var(--ef-prune,#3E2A63)}
.ef-pano__img img{height:300px;width:auto;max-width:100%;display:block;border-radius:8px;box-shadow:0 10px 26px rgba(62,42,99,.16);background:#fff}
.ef-pano__caption{flex:1 1 280px;min-width:240px;max-width:460px}
.ef-pano__eyebrow{font-family:var(--ef-sans,"Hanken Grotesk",sans-serif);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ef-corail,#FF7A52);margin:0 0 8px}
.ef-pano__title{font-family:var(--ef-serif,"Fraunces",serif);font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:600;line-height:1.12;margin:0 0 16px;display:block}
.ef-pano__cta{display:inline-block;font-family:var(--ef-sans,"Hanken Grotesk",sans-serif);font-weight:700;background:var(--ef-prune,#3E2A63);color:var(--ef-cream,#FFFDF6);border-radius:10px;padding:.7em 1.3em}
.ef-pano__link:hover .ef-pano__cta{background:#2c1d49}
.ef-pano__controls{display:flex;gap:10px;justify-content:center;align-items:center;margin:16px 0 6px}
.ef-pano__btn{font-size:1.15rem;line-height:1;background:#fff;color:var(--ef-prune,#3E2A63);border:1.5px solid var(--ef-turquoise,#07C3AE);border-radius:999px;width:46px;height:46px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.ef-pano__btn:hover{background:rgba(7,195,174,.12)}
.ef-pano__btn:focus-visible{outline:3px solid var(--ef-corail,#FF7A52);outline-offset:2px}
.ef-pano__dots{display:flex;gap:8px;justify-content:center;margin:6px 0 0;padding:0}
.ef-pano__dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ef-prune,#3E2A63);background:transparent;cursor:pointer;padding:0}
.ef-pano__dot.is-active{background:var(--ef-prune,#3E2A63)}
.ef-pano__dot:focus-visible{outline:3px solid var(--ef-corail,#FF7A52);outline-offset:2px}
.ef-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.ef-home-section{max-width:1100px;margin:0 auto 44px;padding:0 14px}
.ef-home-intro{background:rgba(255,201,61,.16);border-radius:14px;padding:28px 30px;text-align:center}
.ef-home-intro p{font-size:1.12rem;max-width:760px;margin:0 auto 16px}
.ef-home-section>h2{font-family:var(--ef-serif,"Fraunces",serif);text-align:center;font-size:clamp(1.5rem,3vw,2rem);margin:0 0 18px}
.ef-home-cta{text-align:center;margin-top:10px}
@media (max-width:640px){.ef-pano__img img{height:220px}.ef-pano__link{padding:20px;gap:18px}}