/* * patprofi.ua — мобільні виправлення поверх зібраного бандла (10.09.2026, SmartGT). * * Бандл (public/js/index.js) містить стилі теми й підключає їх у * ПІСЛЯ зовнішніх , тому кожне правило тут навмисно має вищу * специфічність (html body …) — інакше програє при рівних !important. * * Чотири дефекти, зміряні на ширині 390 px: * 1. шапка переносилась на два рядки, а абсолютно спозиціонована темна * смуга .top-navigation накривала другий рядок із кнопкою меню; * 2. ряд логотипів партнерів .partnerListBox не переносився (до 1084 px); * 3. кругла кнопка «+» (.boxFastActions) 80 px висіла зліва поверх тексту; * 4. текст головної вставлений із Word як таблиця на дві клітинки — * на телефоні це дві колонки по 160 px із виправленим текстом. */ @media (max-width: 991.98px) { /* 1. Шапка одним рядком: логотип менший, кнопка меню поруч, іконки праворуч. */ html body .navbar-header > .container-fluid { display: flex; align-items: center; flex-wrap: nowrap; gap: 6px; min-height: 70px; } html body .navbar-header .flMob, html body .navbar-header .frMob { float: none !important; display: flex; align-items: center; } html body .navbar-header .frMob { margin-left: auto; } html body .navbar-brand-box .logo img { height: 34px !important; width: auto; } html body .navbar-header .header-item { padding-left: 8px; padding-right: 8px; } /* 2. Логотипи партнерів переносяться і вміщаються по два в ряд. */ html body .partnerListBox { flex-wrap: wrap; justify-content: center; gap: 16px 24px; } html body .partnerListBox .partnerList { width: auto !important; max-width: 42%; flex: 0 1 auto; } html body .partnerListBox .partnerList img { max-width: 100%; height: auto; } /* 3. Кнопка швидких дій — у правий нижній кут і менша, щоб не закривала текст. */ html body .boxFastActions { left: auto; right: 16px; bottom: 16px; width: auto; } html body .boxFastActions .btnFastAction { width: 56px; height: 56px; font-size: 34px; } html body .boxFastActions .contentFastActions { width: 250px; } } @media (max-width: 767.98px) { /* 4. Вставлені з Word таблиці стають звичайним потоком тексту. Лише таблиці без класу .table — справжні таблиці даних теми не чіпаємо. */ html body .page-content .card-body table:not(.table), html body .page-content .card-body table:not(.table) tbody, html body .page-content .card-body table:not(.table) tr, html body .page-content .card-body table:not(.table) td { display: block; width: 100% !important; max-width: 100%; float: none !important; box-sizing: border-box; } html body .page-content .card-body table:not(.table) td { padding: 0 0 12px; } /* Виправляння по ширині у вузькій колонці дає провалля між словами. */ html body .page-content .card-body td p, html body .page-content .card-body td li { text-align: left !important; text-indent: 0 !important; } }