/* Livre Coloriage - footer animé 02/11/2026 (structure inspirée 99biz, DA nuit/miel/lavande) */
footer.lc-ft,body.lofi footer.lc-ft{border-radius:0;--mi:#ffd479;--mi2:#ff9f43;--la:#c9b0ff;--cr:#fff6e8;position:relative;overflow:hidden;margin-top:60px;padding:64px 0 84px;border-top:1px solid rgba(201,176,255,.18);color:#d8d0ea;text-align:left;font-size:14px;line-height:1.6;
background:radial-gradient(110% 90% at 12% 0%,rgba(74,58,120,.65) 0%,transparent 60%),radial-gradient(80% 70% at 92% 8%,rgba(255,212,121,.12) 0%,transparent 55%),linear-gradient(180deg,#2a2245 0%,#1c1730 70%,#140f24 100%)}
footer.lc-ft::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:3;background:linear-gradient(90deg,transparent,var(--la),var(--mi),#fff,var(--la),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:lcNeon 5s linear infinite;box-shadow:0 0 12px rgba(255,212,121,.7)}
@keyframes lcNeon{0%{background-position:-50% 0}100%{background-position:150% 0}}
.lc-ft canvas.lc-sky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.lc-ft .lc-in{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:0 22px}
.lc-ft .lc-top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.lc-ft .lc-brand .lc-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-height:0}
.lc-ft .lc-brand .lc-logo:hover{transform:none;text-shadow:none}
.lc-ft .lc-brand b{font:700 24px/1.1 'Playfair Display',Georgia,serif;color:#fff}
.lc-ft .lc-brand b i{font-style:italic;color:var(--mi);text-shadow:0 0 14px rgba(255,212,121,.45)}
.lc-ft .lc-brand p{margin:14px 0 0;font-size:14px;line-height:1.6;color:#cfc6e6;max-width:320px}
.lc-ft .lc-pill{display:inline-block;margin-top:14px;padding:4px 12px;border:1px solid rgba(255,212,121,.6);border-radius:99px;color:var(--mi);font-weight:700;font-size:12px;letter-spacing:.06em;animation:lcPill 3.4s ease-in-out infinite}
@keyframes lcPill{0%,100%{box-shadow:0 0 0 rgba(255,212,121,0)}50%{box-shadow:0 0 14px rgba(255,212,121,.45),inset 0 0 8px rgba(201,176,255,.25);color:#fff}}
.lc-ft h2.lc-h{margin:0 0 14px;padding:0;font:700 12px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--la);border:0;background:none}
.lc-ft ul{list-style:none;margin:0;padding:0}
.lc-ft li{margin:0 0 4px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.lc-ft li::before{content:none}
.lc-ft a{color:var(--cr);text-decoration:none;font-size:14px;display:inline-flex;align-items:center;min-height:32px;transition:color .25s,transform .25s,text-shadow .25s}
.lc-ft li>a{position:relative}
.lc-ft li>a::after{content:"";position:absolute;left:0;bottom:6px;height:1px;width:100%;background:linear-gradient(90deg,var(--mi),var(--la));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.lc-ft li>a:hover::after,.lc-ft li>a:focus-visible::after{transform:scaleX(1)}
.lc-ft a:hover,.lc-ft a:focus-visible{color:var(--mi);transform:translateX(4px);text-shadow:0 0 10px rgba(255,212,121,.55)}
.lc-ft .lc-ico{display:inline-flex;width:17px;height:17px;margin-right:8px;color:var(--mi)}
.lc-ft .lc-ico svg{width:100%;height:100%;fill:currentColor}
.lc-ft a:hover .lc-ico{animation:lcBounce .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes lcBounce{35%{transform:translateY(-6px) scale(1.15)}65%{transform:translateY(1px)}100%{transform:none}}
.lc-ft .lc-word{position:relative;z-index:1;margin:36px 0 0;text-align:center;font:900 clamp(48px,13vw,180px)/.85 'Playfair Display',Georgia,serif;letter-spacing:-.02em;white-space:nowrap;user-select:none;
background:linear-gradient(90deg,rgba(255,212,121,.35),rgba(201,176,255,.5),rgba(255,255,255,.35),rgba(255,159,67,.4),rgba(255,212,121,.35));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lcWord 9s ease-in-out infinite alternate;-webkit-mask:linear-gradient(180deg,#000 40%,transparent 100%);mask:linear-gradient(180deg,#000 40%,transparent 100%)}
@keyframes lcWord{to{background-position:-200% 0}}
.lc-ft .lc-bot{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.09);padding:18px 22px 22px;max-width:1100px;margin:-26px auto 0;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:13px;color:#b3a9cc}
.lc-ft .lc-bot p{margin:0;font-size:12.5px;color:#b3a9cc;max-width:640px}
.lc-ft .lc-bot strong{color:#fff}
.lc-ft .lc-float{position:absolute;bottom:-20px;z-index:1;pointer-events:none;color:var(--mi);opacity:0;animation:lcFloat linear infinite;filter:drop-shadow(0 0 6px rgba(255,212,121,.5))}
.lc-ft .lc-float.l{color:var(--la);filter:drop-shadow(0 0 6px rgba(201,176,255,.6))}
@keyframes lcFloat{0%{transform:translateY(0) rotate(0);opacity:0}15%{opacity:.6}80%{opacity:.35}100%{transform:translateY(-420px) rotate(25deg);opacity:0}}
/* cascade au scroll (seulement si JS actif) */
.lc-js .lc-ft .lc-top>div{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.lc-js .lc-ft.lc-in-view .lc-top>div{opacity:1;transform:none}
.lc-ft.lc-in-view .lc-top>div:nth-child(2){transition-delay:.12s}.lc-ft.lc-in-view .lc-top>div:nth-child(3){transition-delay:.24s}.lc-ft.lc-in-view .lc-top>div:nth-child(4){transition-delay:.36s}
@media(max-width:900px){.lc-ft .lc-top{grid-template-columns:1fr 1fr}.lc-ft .lc-brand{grid-column:1/-1}}
@media(max-width:480px){footer.lc-ft,body.lofi footer.lc-ft{padding-top:48px}.lc-ft .lc-top{gap:22px 16px}.lc-ft .lc-bot{flex-direction:column;text-align:center}.lc-ft .lc-bot p{margin:0 auto}.lc-ft a{min-height:40px}}
@media(prefers-reduced-motion:reduce){footer.lc-ft::before,.lc-ft .lc-word,.lc-ft .lc-pill,.lc-ft .lc-float{animation:none}.lc-ft .lc-float{display:none}.lc-js .lc-ft .lc-top>div{opacity:1;transform:none;transition:none}}