/* ============================================================ custom.css — вайбкодинг-стилі поверх теми (як на local). Наразі: motion-шар головної (bv-motion.js). Підключено останнім у functions.php, перебиває bevisible-main. ============================================================ */ /* ============================================================ MOTION-ШАР ГОЛОВНОЇ (bv-motion.js, 2026-07-05) Токени руху + застосування CSS-змінних, які виставляє JS. Усе під html.bvm-on (клас НЕ додається при reduced-motion, тож нижче жодних анімаційних станів без JS/за reduce). ============================================================ */ :root{ --bvm-ease: cubic-bezier(.22,.61,.2,1); /* впевнене гальмування */ --bvm-ease-pop: cubic-bezier(.34,1.56,.64,1); /* пружний акцент */ } /* --- 1. Hero «світлове поле» (Be Visible: промінь проявляє з темряви) --- Стилі поля живуть inline у hero.php (self-contained етолон); маску променя веде bv-motion.js (lightField). Тут правил не треба — колишні правила параллаксу/скрол-зуму орбіт видалено разом з орбітами. */ /* --- 2. Магнітні CTA: transform веде JS через --bvm-mx/--bvm-my --- Перебиває hover translateY(-2px) з hero.php (ліфт врахований у JS). */ html.bvm-on .bv-hero .bv-cta .bv-btn{ transform: translate3d(var(--bvm-mx, 0px), var(--bvm-my, 0px), 0); transition: transform .18s var(--bvm-ease), box-shadow .25s, background .25s, color .25s, border-color .25s; } /* --- 3. Орбітальний скрол-прогрес (v2 «A»: без підложки, стрілка вгору) --- */ .bvm-orb{ position: fixed; right: 22px; bottom: 22px; z-index: 990; width: 48px; height: 48px; padding: 0; border: 0; background: none; border-radius: 50%; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .45s var(--bvm-ease), transform .45s var(--bvm-ease), visibility 0s .45s; } .bvm-orb.is-vis{ opacity: 1; visibility: visible; transform: translateY(0); transition: opacity .45s var(--bvm-ease), transform .45s var(--bvm-ease); } .bvm-orb:focus-visible{ outline: 2px solid #FFC400; outline-offset: 3px; } .bvm-orb > svg:first-child{ position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); } /* трек нейтральний — читається і на чорному hero, і на світлих секціях */ .bvm-orb__track{ fill: none; stroke: rgba(140,140,134,.4); stroke-width: 1.5; } .bvm-orb__bar{ fill: none; stroke: #0d0d0d; stroke-width: 2; stroke-linecap: round; filter: drop-shadow(0 0 4px rgba(13,13,13,.35)); } /* Жовту кульку-«планету» ПРИБРАНО (за запитом); дуга прогресу лишається. */ .bvm-orb__sat{ display: none; } /* стрілка «вгору» по центру — функція кнопки очевидна; hover — той самий чорний */ .bvm-orb__up{ position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; stroke: #8a8a84; stroke-width: 2.4; transition: stroke .25s; } .bvm-orb:hover .bvm-orb__up{ stroke: #0d0d0d; } /* мобільний: менше кільце, ближче до кута */ @media (max-width: 767px){ .bvm-orb{ width: 44px; height: 44px; right: 14px; bottom: 14px; } .bvm-orb__sat i{ top: 0; width: 6px; height: 6px; margin-left: -3px; } .bvm-orb__up{ width: 14px; height: 14px; margin: -7px 0 0 -7px; } } @media (prefers-reduced-motion: reduce){ .bvm-orb{ display: none; } } /* Орба тепер вантажиться на всіх сторінках (раніше лише на головній), тож могла лягти поверх власного липкого CTA-бару сторінки SEO-аудиту (.bv-sticky, position:fixed;bottom:0, ~66px заввишки, z-index:60) — той самий нижньоправий кут. Піднімаємо орбу над баром, поки він видимий (клас .on). :has() — сучасні браузери; де немає підтримки, орба просто лишається на звичному місці (без регресії, лише без цього уточнення). */ body:has(.bv-sticky.on) .bvm-orb{ bottom: 90px; } @media (max-width: 767px){ body:has(.bv-sticky.on) .bvm-orb{ bottom: 80px; } } /* --- 4. Кейс-картки: hover перенесено в template-parts/cases.php (разом із мобільною появою), щоб transition не конфліктував між двома файлами. --- */ /* ============================================================ B2 · ДОСТУПНІСТЬ ФОРМ (19.09.2026) Підписи полів були
. Атрибут for на
не працює: скрінрідер не отримував назви поля взагалі. Замінено на