/* css/footer.css — КАНОН-ФУТЕР юзер-сторінок (спека 36 §3), один файл на весь сайт.
   Винесено з css/lp.css 29.08 (QA п.3.3): /menu був без футера, а третя копіпаста
   того самого блоку — рівно той борг, про який попереджає канон 36 §4-bis.
   Споживачі: about.html · kadroom.html · menu.html (index.html тримає власну копію
   в inline-<style> — переносити її окремим заходом, щоб не чіпати LCP головної).
   Потрібні токени сторінки: --t2 --t3 --t4 --t5 --r --rd --b1.
   JS тряски пальцем — js/foot-art.js. */
/* ── ФУТЕР: канон головної 1:1 (спека 36 §3) ── */
.foot{margin-top:28px;padding:20px 0;text-align:center}
.foot p{font-size:11px;color:var(--t5);line-height:1.6;margin-bottom:5px}
.foot-loc{color:var(--t4);margin-top:0!important;margin-bottom:0!important;letter-spacing:.04em}
.foot .tel{color:var(--r);font-weight:700;font-size:16px;margin:10px 0 4px;text-decoration:none;display:block}
.foot .mt{display:inline-flex;align-items:center;gap:4px;margin-top:0;font-size:11px;color:var(--t4)}
.foot .mm{font-weight:800;font-size:12px;color:var(--r)}
.fc{font-size:14px;color:var(--t2);margin:14px 0 8px;font-weight:500;line-height:1.5}
.fc em{color:var(--r);font-style:normal;font-weight:700}
.soc{display:flex;justify-content:center;gap:14px;margin:14px 0}
.foot .soc{margin:22px 0 4px}
.soc a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--rd);background:#1a1a1a;border:1px solid var(--b1);transition:all .2s}
.soc a:hover{border-color:var(--r);transform:scale(1.1)}.soc a svg{width:18px;height:18px;fill:var(--t3)}.soc a:hover svg{fill:var(--r)}
@media(min-width:900px){.foot p,.foot .mt{font-size:13px}.foot .mm{font-size:13px}.foot-loc{font-size:13px}}
/* «Жива рука» — канон спеки 36 §4: на десктопі дрижить ЛИШЕ при наведенні,
   на мобільному — короткими спалахами раз на ~9 с (не безперервно). */
.foot-art{display:block;width:100%;height:auto;margin:0;opacity:1;transform-origin:center;filter:drop-shadow(0 0 14px rgba(200,16,46,.3));transition:filter .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.foot-art.foot-art-shake{animation:footArtShake .13s linear infinite;filter:drop-shadow(0 0 26px rgba(200,16,46,.55))}
@media(hover:hover) and (pointer:fine){
  .foot-art:hover{animation:footArtShake .13s linear infinite;filter:drop-shadow(0 0 26px rgba(200,16,46,.55))}
}
@media(hover:none),(pointer:coarse){
  .foot-art{animation:footArtIdle 9s linear infinite}
}
@keyframes footArtShake{0%{transform:translate(0,0) rotate(0)}20%{transform:translate(1.5px,-2px) rotate(-1.4deg)}40%{transform:translate(-2px,1px) rotate(1.1deg)}60%{transform:translate(1px,2px) rotate(-.9deg)}80%{transform:translate(-1.5px,-1px) rotate(.8deg)}100%{transform:translate(0,0) rotate(0)}}
/* спокій ~8 с → ~1 с тряски */
@keyframes footArtIdle{
  0%,88%{transform:translate(0,0) rotate(0)}
  90%{transform:translate(1.5px,-2px) rotate(-1.4deg)}
  92%{transform:translate(-2px,1px) rotate(1.1deg)}
  94%{transform:translate(1px,2px) rotate(-.9deg)}
  96%{transform:translate(-1.5px,-1px) rotate(.8deg)}
  98%{transform:translate(1.2px,-1.4px) rotate(-.7deg)}
  100%{transform:translate(0,0) rotate(0)}
}
@media(prefers-reduced-motion:reduce){.foot-art,.foot-art.foot-art-shake,.foot-art:hover{animation:none;filter:drop-shadow(0 0 16px rgba(200,16,46,.3))}}
.img-dawn{position:relative;isolation:isolate;display:block}
.img-dawn img{display:block;transition:filter .9s cubic-bezier(.25,.8,.25,1),transform .9s cubic-bezier(.25,.8,.25,1)}
.img-dawn::after{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:rgba(2,3,9,.94);transform-origin:50% 28%;-webkit-mask-image:radial-gradient(ellipse 125% 105% at 50% 30%,transparent 0%,transparent 40%,rgba(0,0,0,.62) 64%,#000 100%);mask-image:radial-gradient(ellipse 125% 105% at 50% 30%,transparent 0%,transparent 40%,rgba(0,0,0,.62) 64%,#000 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:opacity .9s cubic-bezier(.25,.8,.25,1),transform .95s cubic-bezier(.22,1,.32,1)}
.img-dawn:hover::after{opacity:.38;transform:scale(1.22)}
.img-dawn:hover img{filter:brightness(1.12) saturate(1.08) contrast(1.03);transform:scale(1.02)}
.foot-art-dawn{display:block;margin:14px auto;width:160px}
@media(min-width:768px){.foot-art-dawn{width:200px}}
@media(prefers-reduced-motion:reduce){.img-dawn img,.img-dawn::after{transition:none}.img-dawn:hover img{transform:none;filter:none}.img-dawn:hover::after{transform:none;opacity:.62}}
/* Адреса — клікабельна, веде в профіль Google Maps (QA Ірини 29.08 п.3.4).
   Виглядає як звичайний рядок футера (успадковує колір), підкреслення — делікатне,
   на hover/focus стає червоним: лінк має читатись як лінк, але не кричати. */
.foot-addr{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.28);text-underline-offset:2px;transition:color .2s,text-decoration-color .2s}
.foot-addr:hover,.foot-addr:focus-visible{color:var(--r);text-decoration-color:var(--r)}