/* Mobile-first hardening: touch targets, safe areas, overflow */
@media (max-width: 768px) {
  .site-nav .nav-links a,
  .nav-menu-toggle,
  .dropdown-toggle,
  .enoch-btn,
  .drawer-close,
  .cmd-btn,
  .q-btn,
  .w-btn,
  .chat-send {
    min-height: 0;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
  }

  .verse-item {
    padding: 0.875rem 0;
    min-height: 44px;
  }

  .commentary-preview-item .commentary-row {
    min-height: 44px;
  }

  .bible-select,
  .cmd-select,
  .q-select,
  .w-select,
  .ency-select {
    min-height: 44px;
  }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  .commentary-drawer,
  .icon-card,
  .drawer-backdrop {
    transition: none;
  }
}

/* Safe area for notched devices */
@supports (padding: env(safe-area-inset-bottom)) {
  .commentary-drawer {
    padding-bottom: env(safe-area-inset-bottom);
  }
  .chat-input-wrap {
    padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
  }
}

/* Prevent zoom on input focus (iOS) */
@media (max-width: 640px) {
  input, select, textarea {
    font-size: 16px;
  }
}

/* Попапы/выдвижные панели: селекты не вылезают за экран, опции переносятся */
@media (max-width: 768px) {
  .section-settings-panel-body,
  .commentary-drawer .drawer-body,
  .cmd-drawer .cmd-drawer-body,
  [class*="-drawer"] [class*="-body"] {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
  }

  select {
    max-width: 100%;
    box-sizing: border-box;
  }

  select option {
    white-space: normal;
    word-wrap: break-word;
  }
}