/* ========================================================================= * bf-mobnav.css — ЄДИНИЙ нижній плаваючий бар мобільної навігації * ------------------------------------------------------------------------- * Еталон — панель з dashboard.html (Apple HIG / Liquid Glass): плаваюча * скляна «пігулка» над контентом, а не приклеєна до низу плита. * * До цього файлу кожна сторінка малювала свій бар: різні bottom (16/18/20), * ширина (100%-32/36/40, max 400/420), радіус (18/22/24/28), blur (40/50/60), * фон (чорне скло проти білого), z-index (100/2000/7000) і — найпідступніше — * розмір підпису у em від body, який на одних сторінках 16px, на інших 14px. * Тому «однакові» бари виглядали різними. Тепер вигляд один на всі сторінки. * * ПІДКЛЮЧАТИ ОСТАННІМ у (після bf-topbar.css) — щоб перекрити локальні * стилі сторінки. * * Розмітка (не змінюється, лише клас контейнера єдиний): * * * Тонке налаштування на сторінці (усі дефолти оголошені через :where(), * тобто мають НУЛЬОВУ вагу — будь-яке правило сторінки їх перекриває): * .mobile-bottom-nav { --bf-mn-z: 7000; } (над модалками) * .mobile-bottom-nav { --bf-mn-accent-rgb: 255,159,10; } (акцент сторінки) * * Брейкпойнт за замовчуванням — 1000px (як у bf-topbar.css). Сторінки, де * мобільна верстка вмикається пізніше, додають до