/* ===== KEEP WORK (keepwork.com.ua) — мобільні виправлення 14.10.2026 =====
   Правиться через Настройки сайта → Вставка кода → Пользовательские CSS.
   Джерело: аудит мобільної версії (CRMApp/seo-fixes/keepwork-com-ua-audit-2026-08-22.md). */

/* 1. Контраст заголовків першого екрана: золото #f6ba1f на #efefef = 1,5:1 (норма 3:1 для великого тексту).
      Заголовок — у чорнилі бренду, золото лишається на кнопках і акцентах. */
#rec899310994 .t-section__title,
#rec2498469453 .t-section__title { color: #1F1B14 !important; }
#rec4212679503 h2 { color: #8A6A1F !important; }           /* «Як користуватись» на /pflege: inline #f6ba1f */

/* 2. Бургер-меню: видима іконка 22×14, зона дотику — 48×48 без зсуву ліній. */
.t-menuburger { position: relative; }
.t-menuburger::before { content: ""; position: absolute; inset: -16px -14px; }

/* 3. Підвал: посилання телефону й пошти заввишки 25px → мінімум 44px. */
html body #rec2488385723 .kw-footer__contact a { display: flex; align-items: center; min-height: 44px; }
html body #rec2488385723 .kw-footer__legal a { padding: 12px 0; min-height: 44px; }

/* 4. Cookie-банер. Стилі блоку лежать у  і йдуть ПІСЛЯ цього CSS, тому селектори посилено через html body.
      На всіх екранах: кнопки не вилазять за картку (width:100% + padding без border-box). */
html body #kw-cookie-consent .kw-cookie-btn { box-sizing: border-box; min-height: 44px; }
/* На телефоні: компактна картка знизу, без повноекранного затемнення — сторінку можна читати й гортати,
   банер не перекриває пів екрана. Кнопки в один ряд. */
@media (max-width: 600px) {
  html body #kw-cookie-consent { background: none; backdrop-filter: none; -webkit-backdrop-filter: none; pointer-events: none; padding: 10px; }
  html body #kw-cookie-consent .kw-cookie-box { pointer-events: auto; padding: 16px 16px 14px; border-radius: 14px; box-shadow: 0 10px 34px rgba(0,0,0,.22); }
  html body #kw-cookie-consent .kw-cookie-box h2 { font-size: 17px; margin-bottom: 6px; }
  html body #kw-cookie-consent .kw-cookie-box p { font-size: 13.5px; line-height: 1.45; }
  html body #kw-cookie-consent .kw-cookie-links { margin-top: 8px; gap: 10px 14px; font-size: 13px; }
  html body #kw-cookie-consent .kw-cookie-actions { flex-direction: row; margin-top: 14px; gap: 8px; }
  html body #kw-cookie-consent .kw-cookie-btn { width: auto; flex: 1 1 0; padding: 12px 10px; font-size: 14px; }
}

/* 5. Дрібний текст на телефоні (12 px → 13–14 px). */
@media (max-width: 640px) {
  #rec899310994 .t1125__text { font-size: 14px !important; line-height: 1.5 !important; }   /* «Зробіть цей важливий крок…» */
  #rec2472591853 .kwle-wk-n span,
  #rec2472591853 .kwle-le b { font-size: 13px; }                                              /* /uroky: «Урок 1», назви тижнів */
  #rec2472591853 .kwle-mod-tag,
  #rec2473748103 .kwma-lvl-tag, #rec2473748103 .kwma-tbl-head, #rec2473748103 .kwma-grp, #rec2473748103 .kwma-g-tag,
  #rec2472132203 .kwde-mod-num { font-size: 13px; }                                           /* бейджі модулів/рівнів/груп */
}

/* 6. /programa: мітка «· тижні 4–6» у заголовку акордеона переносилась посеред рядка на вузьких екранах. */
@media (max-width: 640px) {
  #rec2472132203 .kwde-mod-weeks { display: block; white-space: nowrap; margin-top: 2px; }
}

/* 7. /materialy, «Звіт про стан підопічного»: німецьке речення та переклад злипались без пробілу;
      у «Записі в щоденник» колонка-розділювач «—» на телефоні ставала окремим рядком. */
#rec2473748103 .kwma-line > div > i { display: block; margin-top: 2px; }
@media (max-width: 640px) {
  #rec2473748103 .kwma-row .kwma-pr { display: none; }
}

/* 8. /privacy, таблиця «Дані / Навіщо»: на телефоні рядки складаються в стовпчик — шапка стає безглуздою парою.
      Ховаємо шапку, а назву поля робимо підписом над поясненням. */
@media (max-width: 640px) {
  html body #rec2475434303 .kwpp-tr:has(.kwpp-th) { display: none; }
  html body #rec2475434303 .kwpp-tr > div:first-child { font-weight: 600; color: #8A6A1F; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; border-bottom: none; padding-bottom: 2px; }
}