/* Trois versions du site : enfant (dès 8 ans), adolescent, adulte (par défaut). Le choix reste dans l'appareil. */
.ver-bar{background:var(--c-surface);border-bottom:1px solid var(--c-line);font-size:.92rem}
.ver-bar .container{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:center;padding-top:8px;padding-bottom:8px}
.ver-bar span{color:var(--c-muted);font-weight:700}
.ver-bar button{font:inherit;font-weight:800;cursor:pointer;border:2px solid var(--c-primary);background:transparent;color:var(--c-primary);padding:.35em 1.1em;border-radius:999px;transition:transform .2s}
.ver-bar button:hover{transform:translateY(-2px)}
.ver-bar button[aria-pressed="true"]{background:var(--c-primary);color:#fff}

/* ENFANT */
html[data-v="enfant"]{--c-ink:#3a2670;--c-primary:#7b4fd6;--c-primary-dark:#5b34ac;--c-teal:#2fb98f;--c-teal-soft:#e0f8ef;--c-orange:#ff7a59;--c-orange-dark:#b83a1c;--c-orange-soft:#ffe9d6;--c-bg:#fff4ea;--c-surface:#ffffff;--c-text:#3a2670;--c-muted:#6b5a99;--c-line:#ffd9a8;--radius:30px;--radius-sm:20px;--font:"Trebuchet MS","Segoe UI Rounded","Arial Rounded MT Bold",system-ui,sans-serif}
html[data-v="enfant"] body{background:linear-gradient(#fff4ea,#e6f5ff 70%) fixed}
html[data-v="enfant"] h1,html[data-v="enfant"] h2,html[data-v="enfant"] h3{font-weight:800}
html[data-v="enfant"] .site-header{background:#ffe9d6;border-bottom:4px solid #f4a261}
html[data-v="enfant"] .main-nav a{font-weight:800}
html[data-v="enfant"] .hero,html[data-v="enfant"] .page-header{background:linear-gradient(160deg,#ffe9d6,#c9ecff)}
html[data-v="enfant"] .btn,html[data-v="enfant"] .chat-btn{border-width:3px;font-weight:800}
html[data-v="enfant"] .btn-primary{box-shadow:0 6px 0 var(--c-primary-dark)}
html[data-v="enfant"] .btn-primary:active{transform:translateY(5px);box-shadow:0 1px 0 var(--c-primary-dark)}
html[data-v="enfant"] .card,html[data-v="enfant"] .need,html[data-v="enfant"] .steps li{border:3px solid var(--c-line);transition:transform .25s}
html[data-v="enfant"] .card:hover,html[data-v="enfant"] .need:hover{transform:rotate(-1.2deg) scale(1.02)}
html[data-v="enfant"] .section-alt{background:#fdf0e3}
html[data-v="enfant"] .band{background:#7b4fd6}
html[data-v="enfant"] .ver-bar{background:#fdf0e3}

/* ADOLESCENT */
html[data-v="ado"]{--c-ink:#ffffff;--c-primary:#00e1c9;--c-primary-dark:#00b8a4;--c-teal:#00e1c9;--c-teal-soft:#16303a;--c-orange:#ff5fa2;--c-orange-dark:#ff9cc6;--c-orange-soft:#2a1f33;--c-bg:#10111c;--c-surface:#1b1d30;--c-text:#eef0fa;--c-muted:#b4b8d6;--c-line:#33385a;--shadow-sm:0 1px 2px #0006;--shadow:0 16px 40px #0008;color-scheme:dark}
html[data-v="ado"] .site-header{background:rgba(16,17,28,.92)}
html[data-v="ado"] .nav-toggle,html[data-v="ado"] .main-nav,html[data-v="ado"] .btn-light,html[data-v="ado"] .need,html[data-v="ado"] .steps li,html[data-v="ado"] .filters a,html[data-v="ado"] .pagination a,html[data-v="ado"] .pagination span,html[data-v="ado"] .map-wrap,html[data-v="ado"] .chat-panel,html[data-v="ado"] .msg.bot,html[data-v="ado"] .chat-opt,html[data-v="ado"] .partner,html[data-v="ado"] .partner-empty,html[data-v="ado"] .city-more,html[data-v="ado"] .city-search input,html[data-v="ado"] .section-alt,html[data-v="ado"] .org-card.is-draft,html[data-v="ado"] .hero-art img,html[data-v="ado"] .ver-bar,html[data-v="ado"] .mh-more,html[data-v="ado"] .gd-nav{background:#1b1d30;color:var(--c-text)}
html[data-v="ado"] .hero,html[data-v="ado"] .page-header{background:linear-gradient(135deg,#2a1d6e,#0e5f66)}
html[data-v="ado"] .hero::before,html[data-v="ado"] .hero::after{opacity:.15}
html[data-v="ado"] .btn-primary,html[data-v="ado"] .btn-primary:hover,html[data-v="ado"] .filters a.is-active,html[data-v="ado"] .pagination .current,html[data-v="ado"] .chat-btn,html[data-v="ado"] .msg.me,html[data-v="ado"] .chat-head,html[data-v="ado"] .band,html[data-v="ado"] .map-tabs button.is-active{color:#10111c}
html[data-v="ado"] .band h2{color:#10111c}
html[data-v="ado"] .band .btn-light{color:#10111c;background:#fff}
html[data-v="ado"] .maint-note{background:#2a2433;color:#eef0fa}
html[data-v="ado"] .mh{--mh-ink:#eef0fa;--mh-card:#1b1d30;--mh-mut:#b4b8d6;--mh-deep:#00e1c9}
html[data-v="ado"] .mh-chips a{background:#262a44;color:#00e1c9}
html[data-v="ado"] .gd-nav a{border-color:#00e1c9;color:#00e1c9}
html[data-v="ado"] .gd-nav span{color:#b4b8d6}
html[data-v="ado"] .ver-bar button[aria-pressed="true"]{color:#10111c}
html[data-v="ado"] .brand img,html[data-v="ado"] .footer-brand img{background:#fff}
html[data-v="ado"] .crisis-bar,html[data-v="ado"] .site-footer,html[data-v="ado"] .skip-link,html[data-v="ado"] .map-tip{background:#05060d;color:#fff}
html[data-v="ado"] .site-footer a,html[data-v="ado"] .crisis-bar a{color:#fff}

/* Décor animé et musique (ambiance.js) */
.mte-fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
html[data-v] main,html[data-v] .site-footer{position:relative;z-index:1}
.fx-bub{position:absolute;bottom:-70px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#b9e6ff 60%,#8cd0ff);opacity:.6;animation:fx-up linear infinite}
@keyframes fx-up{to{transform:translateY(-115vh) translateX(40px)}}
.fx-cloud{position:absolute;left:-200px;height:34px;background:#fff;border-radius:99px;opacity:.85;animation:fx-drift linear infinite}
.fx-cloud:before,.fx-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}
.fx-cloud:before{width:50%;height:150%;left:15%;top:-70%}.fx-cloud:after{width:38%;height:120%;right:14%;top:-45%}
@keyframes fx-drift{to{transform:translateX(calc(100vw + 400px))}}
.fx-blob{position:absolute;border-radius:50%;opacity:.3;-webkit-mask-image:radial-gradient(circle,#000 0,transparent 68%);mask-image:radial-gradient(circle,#000 0,transparent 68%);will-change:transform;animation:fx-morph 24s ease-in-out infinite alternate}
@keyframes fx-morph{to{transform:translate(100px,60px)}}
.fx-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;animation:fx-tw 3.5s ease-in-out infinite}
@keyframes fx-tw{0%,100%{opacity:.1;transform:scale(.6)}50%{opacity:.9;transform:scale(1.4)}}
.fx-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,#8fe0d3aa,#8fe0d300 70%);animation:fx-float 18s ease-in-out infinite alternate}
@keyframes fx-float{to{transform:translate(60px,-50px) scale(1.2)}}
.card,.need,.steps li,.band,.partner,.section-head{animation:mte-in .7s cubic-bezier(.2,.9,.3,1.1) both}
@keyframes mte-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
html[data-v="enfant"] .card,html[data-v="enfant"] .need{animation-name:mte-pop}
@keyframes mte-pop{0%{opacity:0;transform:scale(.88) rotate(-2deg)}70%{transform:scale(1.03)}100%{opacity:1;transform:none}}
html[data-v="ado"] .card:hover,html[data-v="ado"] .need:hover{box-shadow:0 0 0 2px #00e1c9,0 12px 40px #00e1c933;transform:translateY(-4px)}
.mte-snd{position:fixed;left:12px;bottom:14px;z-index:85;display:flex;align-items:center;gap:8px;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:14px;padding:10px 16px;border-radius:99px;background:#fff;color:#14323c;box-shadow:0 6px 20px #0003;transition:transform .2s}
.mte-snd:hover{transform:translateY(-2px)}
.mte-snd svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mte-snd .w{opacity:0}.mte-snd[aria-pressed="true"]{background:#2a9d8f;color:#fff}.mte-snd[aria-pressed="true"] .w{opacity:1;animation:fx-tw 1.6s infinite}
html[data-v="enfant"] .mte-snd{background:#ff7a59;color:#fff}
html[data-v="ado"] .mte-snd{background:#262a44;color:#00e1c9}
html[data-v="ado"] .mte-snd[aria-pressed="true"]{background:#00e1c9;color:#10111c}
.gd .mte-snd{display:flex}
.crisis-bar,.ver-bar{position:relative;z-index:2}

/* Allègement : pas de flou coûteux, moins d'éléments animés */
.g-blob,.mh-orb{filter:none!important;-webkit-mask-image:radial-gradient(circle,#000 0,transparent 68%);mask-image:radial-gradient(circle,#000 0,transparent 68%)}
.fx-bub,.fx-cloud,.fx-orb,.g-bubble,.g-cloud{will-change:transform}
@media (max-width:760px){.g-cloud:nth-child(n+4){display:none}.g-bubble:nth-child(n+7){display:none}.mh-hands{opacity:.3}}
.mh-bl{-webkit-mask-image:radial-gradient(circle,#000 0,transparent 70%);mask-image:radial-gradient(circle,#000 0,transparent 70%)}

/* La musique n'est proposée que dans les guides */
body:not(:has(.gd)) .mte-snd{display:none!important}

/* Bouton « Envoyer à un proche » */
.share{margin:0 0 14px}
.share-go{font:inherit;font-weight:800;cursor:pointer;display:inline-flex;gap:8px;align-items:center;border:2px solid var(--c-primary);background:transparent;color:var(--c-primary);border-radius:999px;padding:.55em 1.2em}
.share-go:hover{background:var(--c-teal-soft)}
.share-opts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.footer-legal .share-go{color:#fff;border-color:#fff}
@media print{.share{display:none}}

/* Compagnon : écriture, saisie du prénom */
.msg.typing{display:flex;gap:5px;align-items:center;padding:.8em 1em}
.msg.typing i{width:8px;height:8px;border-radius:50%;background:var(--c-muted);opacity:.5;animation:mtedot 1.1s infinite}
.msg.typing i:nth-child(2){animation-delay:.18s}.msg.typing i:nth-child(3){animation-delay:.36s}
@keyframes mtedot{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}
.chat-name{display:flex;gap:8px}.chat-name input{flex:1;min-width:0;font:inherit;padding:.6em .9em;border:2px solid var(--c-line);border-radius:14px;background:#fff;color:#14323a}
.chat-name .chat-opt{display:block;text-align:center}
.chat-choices.is-wait{visibility:hidden}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.msg.typing i{animation:none}}

/* Lumière d'ambiance (douce, lente, sans clignotement) */
.mte-lumiere{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:0;transition:opacity 1.6s ease}
html[data-humeur] .mte-lumiere{opacity:1}
.mte-lumiere:before,.mte-lumiere:after{content:"";position:absolute;inset:0}
html[data-humeur="bien"] .mte-lumiere:before{box-shadow:inset 0 0 110px 10px rgba(255,214,102,.55);animation:mtelum 12s ease-in-out infinite}
html[data-humeur="moyen"] .mte-lumiere:before{box-shadow:inset 0 0 120px 10px rgba(96,190,230,.5);animation:mtelum 14s ease-in-out infinite}
html[data-humeur="mal"] .mte-lumiere:before{box-shadow:inset 0 0 130px 14px rgba(255,170,120,.55);animation:mtelum 10s ease-in-out infinite}
html[data-humeur="tresmal"] .mte-lumiere:before{box-shadow:inset 0 0 150px 22px rgba(255,150,110,.6);animation:mtelum 10s ease-in-out infinite}
html[data-humeur="tresmal"] .mte-lumiere:after{background:radial-gradient(circle at 50% 108%,rgba(255,190,150,.35),transparent 55%);animation:mtelum 10s ease-in-out infinite}
html[data-humeur="nsp"] .mte-lumiere:before{box-shadow:inset 0 0 110px 8px rgba(190,170,230,.4)}
@keyframes mtelum{0%,100%{opacity:.45}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.mte-lumiere:before,.mte-lumiere:after{animation:none!important;opacity:.8}}
@media print{.mte-lumiere{display:none}}

/* Lis-moi ça (lecture à voix haute, voix de l'appareil) */
.lire-btn { position: fixed; left: 14px; bottom: 14px; z-index: 40; display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 16px; border: 2px solid var(--c-primary); border-radius: 999px; background: #fff; color: var(--c-primary-dark); font: inherit; font-weight: 700; font-size: .95rem; cursor: pointer; box-shadow: var(--shadow-sm); }
.lire-btn[hidden] { display: none; }
.lire-btn[aria-pressed="true"] { background: var(--c-primary); color: #fff; }
.lire-btn:hover { background: var(--c-teal-soft); }
.lire-btn[aria-pressed="true"]:hover { background: var(--c-primary-dark); }
@media (max-width: 420px) { .lire-btn { padding: 0 13px; font-size: .9rem; } }
@media print { .lire-btn { display: none !important; } }
/* Lis-moi ça se place au-dessus du bouton de musique (pas de chevauchement) */
body:has(.mte-snd) .lire-btn, body:has(.g-snd) .lire-btn { bottom: 74px; }
/* Sur petit écran : seulement l'icône haut-parleur (moins d'encombrement en bas de l'écran) */
@media (max-width: 600px) { .lire-btn { width: 48px; padding: 0; justify-content: center; } .lire-btn span { display: none; } }

/* 3.39 : bouton actif des filtres / pagination lisible en version ado (fond clair, texte foncé) */
html[data-v="ado"] .filters a.is-active,html[data-v="ado"] .pagination .current{background:var(--c-primary);border-color:var(--c-primary);color:#10111c}

/* 3.60 : barre « Version du site » compacte */
@media (max-width:640px){
.ver-bar .container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:8px;padding-bottom:10px}
.ver-bar span{grid-column:1/-1;text-align:center;font-size:.85rem}
.ver-bar button{padding:.45em .3em;font-size:.9rem;line-height:1.15;white-space:normal}
}