/* iOS специфичные исправления для PWA и статус-бара */

/* Принудительная темная тема для iOS статус-бара */
@supports (-webkit-touch-callout: none) {
  /* iOS устройства */
  
  /* Темная тема - черный статус-бар */
  .dark-theme {
    --ios-status-bar-bg: #000000;
  }
  
  /* Светлая тема - белый статус-бар */
  .light-theme {
    --ios-status-bar-bg: #ffffff;
  }
  
  /* Автоматическая тема - зависит от системных настроек */
  html:not(.light-theme):not(.dark-theme) {
    --ios-status-bar-bg: #000000; /* По умолчанию темная для экономии батареи */
  }
}

/* Медиа-запрос для системной темной темы */
@media (prefers-color-scheme: dark) {
  html:not(.light-theme):not(.dark-theme) {
    --ios-status-bar-bg: #000000;
  }
}

/* Медиа-запрос для системной светлой темы */
@media (prefers-color-scheme: light) {
  html:not(.light-theme):not(.dark-theme) {
    --ios-status-bar-bg: #ffffff;
  }
}

/* Исправления для PWA на iOS */
@media all and (display-mode: standalone) {
  /* Полноэкранный режим PWA */
  
  /* Убираем отступы для статус-бара */
  body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  
  /* Фиксированный топбар с учетом safe-area */
  .topbar {
    padding-top: calc(12px + env(safe-area-inset-top));
    padding-left: calc(16px + env(safe-area-inset-left));
    padding-right: calc(16px + env(safe-area-inset-right));
  }
  
  /* Контейнер с учетом safe-area */
  .container {
    padding-left: calc(16px + env(safe-area-inset-left));
    padding-right: calc(16px + env(safe-area-inset-right));
  }
}

/* Дополнительные исправления для iOS Safari */
@supports (-webkit-touch-callout: none) {
  /* Убираем bounce эффект на iOS */
  html, body {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: none;
  }
  
  /* Исправляем размеры viewport на iOS - предотвращаем автозум */
  .ui-input, .ui-select, .ui-textarea,
  .form-input, input[type="text"], input[type="number"], input[type="email"], 
  input[type="password"], input[type="search"], input[type="tel"], input[type="url"],
  input[type="date"], input[type="time"], input[type="datetime-local"],
  textarea, select {
    font-size: 16px !important; /* Предотвращает зум на iOS */
  }
  
  /* Дополнительная защита для полей ввода количества */
  .qty-input, .qty-input-compact {
    font-size: 16px !important;
  }
  
  /* Защита для чекбоксов и других элементов */
  input[type="checkbox"], input[type="radio"] {
    transform: scale(1.2); /* Увеличиваем для лучшего тапа */
  }
  
  /* Скрываем чекбоксы внутри переключателей */
  .switch input[type="checkbox"] {
    opacity: 0;
    position: absolute;
  }
  
  /* Убираем тени на iOS для лучшей производительности */
  .ui-card, .card {
    -webkit-box-shadow: none;
    box-shadow: var(--shadow);
  }
}

/* Принудительные стили для темной темы на iOS */
.dark-theme {
  --ios-status-bar-bg: #000000 !important;
}

.light-theme {
  --ios-status-bar-bg: #ffffff !important;
}

/* Автоматическая тема - используем системные настройки */
html:not(.light-theme):not(.dark-theme) {
  --ios-status-bar-bg: #ffffff !important; /* По умолчанию светлая */
}