/* Espace client — habillage « fiche atelier » (28/10/2026) : crème, caramel, rouge ; Playfair Display + DM Sans ; effets discrets. Surcharge client-ui.css sans toucher à sa structure. */
:root{--bg:#F7F3EA;--card:#FFFFFF;--soft:#FFF8EF;--ink:#1F1F1F;--mute:#6F6A63;--line:#E6DDD0;--car:#D8904A;--car-d:#A9672E;--olive:#7B8060;--red:#D64535;--red-d:#A8291C;
  --orange:#D64535;--orange-light:#E8744A;--navy:#1F1F1F;--text:#1F1F1F;--muted:#6F6A63;--border:#E6DDD0;--cream:#F7F3EA;--section-bg:#FFF8EF;--ec-shadow:inset 0 1px 0 #fff,0 10px 30px -14px rgba(120,80,30,.22);
  --serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',system-ui,-apple-system,sans-serif}
html{scroll-behavior:smooth}
body{font-family:var(--sans)!important;background:var(--bg)!important;color:var(--ink);line-height:1.6}
h1,h2,h3,.modal-title,.text-section-title{font-family:var(--serif)}
a{transition:color .2s}
/* barre du haut */
body>nav{background:linear-gradient(130deg,rgba(247,243,234,.92),rgba(255,248,239,.8))!important;border-color:#fff!important;box-shadow:var(--ec-shadow)!important}
.nav-name{font-family:var(--serif)!important}
.ec-navigation{background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(255,248,239,.8))!important;border-color:#fff!important}
.ec-navigation a{font-family:var(--sans);border-radius:14px;transition:transform .2s,background .2s,color .2s}
.ec-navigation a:hover{transform:translateX(3px)}
.ec-navigation a[aria-current=true],.ec-navigation a:hover{color:var(--red)!important}
/* héros : pastille qui pulse, pattes qui flottent, ligne de pouls */
.client-hero{background:radial-gradient(900px 380px at 85% -20%,#fbefd9 0,transparent 60%),var(--bg)!important}
.client-hero::before{background:radial-gradient(circle,rgba(216,144,74,.16) 0,transparent 65%)!important}
.client-hero::after{content:'🐾';position:absolute;right:7%;bottom:14%;font-size:54px;opacity:.12;animation:ecfloat 7s ease-in-out infinite;pointer-events:none}
.client-hero-inner::after{content:'';position:absolute;left:0;right:0;bottom:-26px;height:34px;opacity:.5;pointer-events:none;background:no-repeat left bottom/min(420px,70%) 100% url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 80' preserveAspectRatio='none'><path d='M0 40 H170 L190 40 L205 12 L222 70 L238 24 L250 40 H360 L378 40 L392 6 L410 76 L426 30 L440 40 H600' fill='none' stroke='%23D8904A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>")}
.client-badge{background:#fff!important;border:1px solid var(--line)!important;color:var(--car-d)!important;border-radius:999px!important;display:inline-flex!important;align-items:center;gap:8px}
.client-badge::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--red);animation:ecpulse 1.8s infinite}
.client-hero h1{font-family:var(--serif)!important;font-weight:700;letter-spacing:-.01em}
.client-hero h1 em{color:var(--car-d)!important}
.client-hero-sub{color:var(--mute)!important}
.client-logout{background:#fff!important;border:1px solid var(--line)!important;border-radius:999px!important;color:var(--mute)!important;transition:transform .15s,box-shadow .2s}
.client-logout:hover{transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(120,80,30,.4)}
/* boutons : pilule rouge comme « Je m'inscris » */
.login-btn,.btn-save,.btn-primary{background:var(--red)!important;color:#fff!important;border:0;border-radius:999px!important;font-family:var(--sans);font-weight:700;box-shadow:0 10px 24px -10px rgba(214,69,53,.7)!important;transition:transform .15s,background .2s,box-shadow .2s!important}
.login-btn:hover,.btn-save:hover,.btn-primary:hover{background:var(--red-d)!important;transform:translateY(-1px)!important}
.login-btn:active,.btn-save:active{transform:translateY(0) scale(.98)!important}
.ec-qbtn{border-radius:999px!important;font-family:var(--sans);font-weight:700;transition:transform .15s,box-shadow .2s}
.ec-qbtn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(214,69,53,.6)}
.ec-qbtn.alt{background:#fff!important;border:1px solid var(--line)!important;color:var(--car-d)!important}
/* champs */
.login-input,.form-input,.form-select{font-family:var(--sans)!important;border-color:var(--line)!important;background:#fff!important}
.login-input:focus,.form-input:focus,.form-select:focus{border-color:var(--car)!important;box-shadow:0 0 0 3px rgba(216,144,74,.22)!important}
/* cartes et accordéons : blanc, filet crème, coins doux, léger soulèvement */
.ec-acc,.marque-card,.rappel-item,.ec-faq-item,.modal,.doc-grid>*{background:#fff;border-color:var(--line)!important;border-radius:20px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
.ec-acc:hover,.marque-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px -16px rgba(120,80,30,.35);border-color:#EAD3B3!important}
.ec-acc-title{font-family:var(--sans);font-weight:700}
.ec-acc-ico{transition:transform .25s}.ec-acc:hover .ec-acc-ico{transform:scale(1.12) rotate(-4deg)}
.ec-acc-chev{transition:transform .25s}
.text-section-title,.av-title-bar{font-family:var(--serif)!important}
.text-section-title::after{content:'';display:block;width:46px;height:3px;border-radius:3px;background:var(--car);margin-top:8px;transition:width .4s}
.text-section:hover .text-section-title::after{width:88px}
/* événements (module client-events) aux mêmes couleurs */
#ec-events h2{font-family:var(--serif)}
.ec-ev{border-radius:22px!important}
/* apparitions au défilement (activées seulement par client-fx.js) */
.ec-fx{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.ec-fx.ec-in{opacity:1;transform:none}
@keyframes ecfloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(6deg)}}
@keyframes ecpulse{0%,100%{box-shadow:0 0 0 0 rgba(214,69,53,.5)}50%{box-shadow:0 0 0 7px rgba(214,69,53,0)}}
@media (prefers-reduced-motion:reduce){.client-hero::after,.client-badge::before{animation:none}.ec-fx{opacity:1;transform:none;transition:none}.ec-acc:hover,.marque-card:hover,.ec-navigation a:hover{transform:none}}

.ec-quick-note.ec-sponsor{display:block;margin:12px 0;padding:14px 18px;border-radius:18px;color:#fff!important;background:linear-gradient(120deg,#D64535,#E8744A 60%,#D8904A);box-shadow:0 14px 30px -16px rgba(214,69,53,.7);font-size:.95rem;line-height:1.45;animation:ecpulse2 3s ease-in-out infinite}
.ec-quick-note.ec-sponsor strong{color:#fff}
@keyframes ecpulse2{0%,100%{box-shadow:0 14px 30px -16px rgba(214,69,53,.7)}50%{box-shadow:0 18px 36px -12px rgba(214,69,53,.9)}}
@media (prefers-reduced-motion:reduce){.ec-quick-note.ec-sponsor{animation:none}}