/* Mobile Fixes - Этот файл имеет приоритет над другими CSS для мобильных устройств */

/* Отмена всех потенциально проблемных правил */
@media (max-width: 991.98px) {
  * {
    /* Отключаем только анимации, но оставляем трансформации */
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  
  /* Убедимся, что все элементы отображаются */
  body, html, div, section, article, header, footer, nav, ul, li, a, p, h1, h2, h3, h4, h5, h6 {
    display: block;
    visibility: visible;
    opacity: 1;
    max-height: none;
    overflow: visible;
  }
  
  /* Восстанавливаем правильное отображение для inline элементов */
  span, a, img, i {
    display: inline-block;
  }
  
  /* Фикс для flex-контейнеров */
  .row, .container, .container-fluid, [class*="d-flex"], [class*="d-grid"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Фикс для grid-контейнеров */
  [class*="row-cols-"], [class*="grid"] {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Фикс для изображений */
  img {
    max-width: 100%;
    height: auto;
    display: inline-block;
  }
  
  /* Восстанавливаем правильное отображение для flexbox элементов */
  .navbar-collapse {
    display: flex;
    flex-direction: column;
  }
  
  /* Убедимся, что все контейнеры имеют правильные размеры */
  .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  
  /* Исправление для карточек */
  .card {
    display: flex;
    flex-direction: column;
  }
}

/* Таблеты (от 768px до 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .container {
    max-width: 720px;
  }
}

/* Маленькие устройства (от 576px до 767.98px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .container {
    max-width: 540px;
  }
}

/* Очень маленькие устройства (до 575.98px) */
@media (max-width: 575.98px) {
  .container {
    padding-right: 10px;
    padding-left: 10px;
  }
  
  /* Уменьшение padding для экономии места */
  section {
    padding: 1.5rem 0;
  }
}