/* v85 « la lumière » (25/10/2026, demande du Docteur Hazout, 14 h 39 : « changer un peu le design, comme ce que je t'ai envoyé
   hier soir … faire un test sur mon site personnel » ; 16 h 16, après l'aperçu : « Mets ça en ligne ») — idée 1 de la maquette du
   24/10 : fond noir, visages et objets éclairés. Page « Le cabinet et l'équipe » FR/EN. Sans script : rien ne change. */

/* ---- L'équipe dans la lumière ---- */
html body section.lum-equipe{position:relative;overflow:hidden;background:#000!important;padding-bottom:clamp(36px,5vw,64px)}
html body section.lum-equipe p.lum-filigrane{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);margin:0!important;padding:0!important;max-width:none!important;white-space:nowrap;font-family:"Cormorant Garamond",serif!important;font-weight:300!important;font-size:clamp(64px,12vw,200px)!important;letter-spacing:.06em!important;line-height:1!important;color:rgba(243,237,227,.05)!important;text-align:center;pointer-events:none;user-select:none}
html body .lum-equipe .eq__note,html body .lum-equipe ul.eq,html body .lum-legende{position:relative}
/* au repos, chacun dans l'ombre ; la lumière se pose sur le praticien approché (le Docteur Hazout d'abord). Mêmes fonctions de
   filtre au repos et éclairé (sinon le navigateur ne fait pas de fondu : la lumière sauterait d'un coup) */
html body .lum-actif .eq__lien,html body .lum-actif ul.eq:hover .eq__lien,html body .lum-actif ul.eq:focus-within .eq__lien{filter:none!important;opacity:1!important;transform:none!important}
html body .lum-actif .eq__photo{background:#000}
html body .lum-actif .eq__photo img{filter:brightness(.22) contrast(1) saturate(.55)!important;transform:scale(1)!important;transform-origin:50% 100%;transition:filter .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)!important}
html body .lum-actif .eq__txt{opacity:.5;transition:opacity .7s cubic-bezier(.2,.7,.2,1)}
html body .lum-actif .eq__carte.lum-on .eq__photo img{filter:brightness(1.04) contrast(1.04) saturate(1)!important;transform:scale(1.05)!important}
html body .lum-actif .eq__carte.lum-on .eq__txt{opacity:1}
html body .lum-legende{max-width:1180px;margin:clamp(26px,3vw,40px) auto 0;padding-top:clamp(18px,2vw,26px);border-top:1px solid rgba(243,237,227,.14);min-height:5.2rem}
html body .lum-legende__nom{margin:0;font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;color:#f3ede3}
html body .lum-legende__disc{margin:6px 0 0;font-size:1.05rem;color:#d9c6a5;letter-spacing:.02em}

/* ---- Les outils du soin : dans l'ombre au repos, chaque outil s'éclaire quand on s'en approche ---- */
html body .lum-actif.lum-outils figure{position:relative}
html body .lum-actif.lum-outils figure img{filter:brightness(.4) contrast(1.1) saturate(.7);transform:scale(1);transition:filter .8s cubic-bezier(.2,.7,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1)}
html body .lum-actif.lum-outils figure.lum-on img{filter:brightness(1) contrast(1.03) saturate(1);transform:scale(1.03)}
html body .lum-actif.lum-outils figure picture{display:block;overflow:hidden}
html body .lum-actif.lum-outils figcaption{opacity:.55;transition:opacity .8s cubic-bezier(.2,.7,.2,1)}
html body .lum-actif.lum-outils figure.lum-on figcaption{opacity:1}

@media (prefers-reduced-motion:reduce){
  html body .lum-actif .eq__photo img,html body .lum-actif .eq__txt,html body .lum-actif.lum-outils figure img,html body .lum-actif.lum-outils figcaption{transition:none!important}
  html body .lum-actif .eq__carte.lum-on .eq__photo img,html body .lum-actif.lum-outils figure.lum-on img{transform:none!important}
}

/* « Découvrir Mon Cabinet Dentaire » : plus de bouton vert (Docteur Hazout, 25/10, 16 h 16 : « La couleur verte, ça me semble pas
   adapté ») — pilule à filet ivoire sur le fond sombre, comme les autres boutons de la page ; au survol, ivoire plein, texte foncé */
html body:not(.p-accueil) main a.bouton.bouton-cabinet{background:transparent!important;border:1px solid rgba(243,237,227,.75)!important;color:#f3ede3!important;box-shadow:none!important;transition:background-color .3s ease,color .3s ease,border-color .3s ease}
html body:not(.p-accueil) main a.bouton.bouton-cabinet:hover,html body:not(.p-accueil) main a.bouton.bouton-cabinet:focus-visible{background:#f3ede3!important;border-color:#f3ede3!important;color:#172322!important}
