/* ============================================
   public_home-mobile.css
   Мобильные правки главной страницы
   (подключать после public_home.css и app-mobile.css)
   ============================================ */

/* Общий контейнер главной — меньше боковые поля на мобилке */
@media (max-width: 991.98px) {
  .home-page-root .container {
    max-width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  /* Чуть плотнее вертикальные зазоры между секциями */
  .home-section-gap {
    margin-top: 0.75rem;
  }
}

/* HERO: более компактный и читаемый на мобильных */
@media (max-width: 991.98px) {
  .home-hero-wrap {
    padding-top: 0.75rem;
    padding-bottom: 1rem;
  }

  .home-hero {
    gap: 0.6rem;
  }

  /* заголовок поменьше, чтобы не ломался в 3-4 строки */
  .home-hero-title {
    font-size: 1.6rem !important;
    line-height: 1.22;
  }

  .home-hero-surface-row {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.6rem;
  }

  /* Левая и правая плитки — по вертикали, без лишней высоты */
  .home-hero-services-shell::before {
    /* уменьшаем «идеальный квадрат» чтобы не было слишком высокой плитки */
    padding-top: 85%;
  }

  /* Нижние две плитки (Цифра недели + Статьи) — одна под другой */
  .home-hero-bottom-row {
    row-gap: 0.6rem;
  }
}

/* Новости: на узких экранах — по одной новости на экран */
@media (max-width: 767.98px) {
  .home-news-strip {
    padding: 0.7rem 0.9rem;
  }

  .home-news-strip-item {
    flex: 0 0 100%;
    padding: 0.55rem 0.5rem;
  }

  .home-news-strip .small.text-muted,
  .home-news-strip-title,
  .home-news-strip-title a,
  .home-news-strip-item p.small {
    font-size: 0.82rem;
  }
}

/* Визуализация и карта — складываем в колонку, делаем плитки выше и «воздушнее» */
@media (max-width: 991.98px) {
  .home-visualization-section .row {
    row-gap: 0.75rem;
  }

  .home-dashboard-tile {
    min-height: 220px;
  }

  #home-map-section .home-tile {
    min-height: 220px;
  }
}

/* Три горизонтальных блока: Отчёты / Калькуляторы / Справочники
   — по одному в ряд на телефонах */
@media (max-width: 991.98px) {
  .home-grid-row {
    --bs-gutter-x: 0.6rem;
    --bs-gutter-y: 0.6rem;
  }

  /* Обычно в разметке уже есть col-12 col-lg-4, но подстрахуемся по отступам */
  .home-tile {
    padding: 1rem 1rem 1.1rem;
  }

  .home-tile-header {
    margin-bottom: 0.4rem;
  }

  .home-list-group-slim .list-group-item {
    padding: 0.40rem 0;
  }
}

/* Блок "Связаться с нами" — одна колонка, крупная кнопка */
@media (max-width: 991.98px) {
  .home-about-strip {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 0.9rem 1rem !important;
  }

  .home-about-text {
    font-size: 0.95rem;
  }

  .home-about-actions .btn {
    width: 100%;
    justify-content: center;
    padding: 0.6rem 1rem;
  }
}

/* Статьи и исследования в hero: текст не «уползает» вниз */
@media (max-width: 991.98px) {
  .home-hero-panel-articles {
    padding-top: 0.95rem !important;
    padding-bottom: 0.95rem !important;
  }

  .home-hero-panel-articles .home-hero-article-title {
    font-size: 1.15rem !important;
  }

  .home-hero-panel-articles .home-hero-article-desc {
    font-size: 0.92rem !important;
  }
}

/* Дополнительные мелочи типографики для телефонов */
@media (max-width: 575.98px) {
  .home-section-title {
    font-size: 1.05rem !important;
  }

  .home-link-more {
    font-size: 0.80rem;
  }

  .home-kicker {
    font-size: 0.75rem;
    letter-spacing: 0.07em;
  }
}
/* === MOBILE FIX: "Аналитика для принятия верных решений" === */
@media (max-width: 991.98px) {

  /* правая колонка hero — больше не тянем по высоте */
  .home-hero-right {
    height: auto;
  }

  /* убираем деление на ровно 50/50, даём блокам свою высоту */
  .home-hero-panel-main,
  .home-hero-bottom-row {
    flex: 0 0 auto;
    min-height: auto;
  }

  /* сама панель "Аналитика..." — поменьше отступы, без жёсткого центрирования */
  .home-hero-panel-main {
    padding: 1.2rem 1rem !important;
    justify-content: flex-start;   /* текст сверху, а не строго по центру */
    overflow: visible;             /* чтобы ничего не обрезалось */
  }

  /* чуть уменьшаем шрифт заголовка и подзаголовка, чтобы точно влезли */
  .home-hero-title {
    font-size: 1.55rem !important;
    line-height: 1.25;
    margin-bottom: 0.6rem !important;
  }

  .home-hero-lead {
    font-size: 0.95rem !important;
    line-height: 1.4;
  }
}