/* css/gift-fab.css — плаваючий 🎁 (промо-серт, спека 28 §1.3), один файл на сайт.
 *
 * НАВІЩО ФАЙЛ. Іконка жила трьома інлайн-копіями (index · kadroom · pobachennya),
 * і копії розʼїхались: рішення Ірини 30.08 «залиш тільки зображення подарунку
 * клікабельне» доїхало до index і kadroom, а /pobachennya 07.09 усе ще показувала
 * стару пігулку з підложкою і текстом на 214px. Тому канон тепер тут.
 * ⚠️ index.html поки тримає СВОЮ копію в <style id="gift-fab-style"> — сесія S2
 * не мала права чіпати головну поза футером (паралельна сесія S1). Значення в
 * обох місцях звіряє tests/gift-fab.test.mjs; перевести index на цей файл —
 * окремим заходом (у звіті S2).
 *
 * z-index 270: НИЖЧЕ за мобільне бургер-меню .mmenu (280). Самого z-index мало:
 * в in-app браузерах #app стає position:fixed і замикає stacking context, тож
 * іконку ще й ховає скрипт, коли відкрито будь-який оверлей (.is-off).
 */
.gift-fab{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom) + var(--gift-lift,0px));z-index:270;display:flex;align-items:center;padding:4px;background:none;border:0;border-radius:0;text-decoration:none;transition:transform .18s ease,opacity .18s ease,visibility .18s ease,bottom .2s ease;-webkit-tap-highlight-color:transparent}
/* .is-off — оверлеї (керує скрипт сторінки); .is-off-foot — футер у полі зору.
   Класи навмисно РІЗНІ: інакше два незалежні механізми перетирали б один одного. */
.gift-fab.is-off,.gift-fab.is-off-foot{opacity:0;visibility:hidden;pointer-events:none}
.gift-fab:hover{transform:translateY(-2px)}
.gift-fab:focus-visible{outline:2px solid var(--g,#CDF869);outline-offset:2px}
/* Анімуємо ЛИШЕ емодзі, а не всю плашку: інакше нескінченна animation володіє
   transform і :hover-підйом ніколи не спрацьовує. */
.gift-fab-ic{font-size:56px;line-height:1;flex:0 0 auto;filter:drop-shadow(0 3px 10px rgba(0,0,0,.75));animation:giftBob 3.2s ease-in-out infinite}
/* Легасі-пігулка з текстом (до рішення 30.08) — якщо розмітка ще її має, ховаємо. */
.gift-fab-txt{display:none}
@keyframes giftBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.gift-fab-ic{animation:none}.gift-fab{transition:opacity .18s ease,visibility .18s ease}.gift-fab:hover{transform:none}}
@media(max-width:380px){.gift-fab{right:10px}.gift-fab-ic{font-size:50px}}
/* ── ДЕСКТОП (брейкпоінт сайту 1200, як .mmenu) ──────────────────────────────
   Ірина 01.08 — «змістити лівіше і вище» (тоді 14 → 36 px). Спека 60 §4,
   07.09 — «збільшити і змістити лівіше й вище» ще: 36 → 64 px від краю,
   знак 56 → 76 px. На великому екрані 14px впритул до кута виглядали
   притиснуто і конфліктували з кутом вікна/скролбаром, а сам знак губився. */
@media(min-width:1200px){
  .gift-fab{right:64px;bottom:calc(64px + env(safe-area-inset-bottom) + var(--gift-lift,0px))}
  .gift-fab-ic{font-size:76px}
}