/* =============================================
   ELDROOT STUDIOS — MOBILE / TOUCH OVERRIDES
   Подключается ПОСЛЕ style.css. Сюда складываем
   всё, что правит сайт на телефонах/планшетах
   (стили дробим по файлам — не растим style.css).
   ============================================= */

/* ---- Тач / coarse-pointer: убрать кастомный курсор ---- */
@media (hover: none), (pointer: coarse) {
  /* золотая точка-курсор следит за мышью, которой на тач-экране нет,
     и зависает в углу — прячем её */
  .cursor { display: none !important; }

  /* по всему сайту стоял cursor:none — возвращаем нативные курсоры */
  * {
    cursor: auto !important;
    -webkit-tap-highlight-color: transparent;  /* убрать синюю вспышку при тапе */
  }
  a, button, [role="button"], label,
  .btn-primary, .btn-ghost, .apply-trigger, .filter-btn, .web-cat,
  .cs-trigger, .cs-option, .lang-current, .lang-menu button, .cookie-ok,
  .modal-close, .social-link, .nav-link, .nav-logo, .page-card,
  .project-link, .web-card, .nav-burger, .mobile-link {
    cursor: pointer !important;
  }
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
  textarea { cursor: text !important; }
}

/* ---- iOS не зумит поле при фокусе, если размер шрифта >= 16px ---- */
@media (pointer: coarse) {
  .form-input, .cs-trigger, .form-select, .form-textarea { font-size: 16px; }
}

/* ---- Шлифовка под узкие экраны ---- */
@media (max-width: 480px) {
  .lang-menu { right: 0; min-width: 128px; }     /* меню языка не вылезает за край */
  .modal-box { max-height: 92vh; padding: 26px 18px; }
  .lang-current { padding: 6px 9px; }            /* компактнее в тесном навбаре */
  .nav-inner { gap: 12px; }
}

/* ---- Бургер-меню: полностью перекрывать контент и cookie-баннер ---- */
.mobile-menu { background: #07070a; }      /* сплошной фон — контент не просвечивает */
.cookie-banner { z-index: 95; }            /* ниже мобильного меню (z-index 99) */