/* ============================================
   header-v2-desktop.css
   Десктоп: ≥1201px
   ============================================ */

@media (min-width: 1201px) {
  .tablet-layout,
  .mobile-layout {
    display: none;
  }

  .desktop-layout {
    display: block;
  }

  .top-bar {
    display: flex;
  }

  .desktop-row-main {
    display: flex;
    align-items: center;
    gap: 24px;
  }

  .desktop-row-main .logo-panacea {
    flex-shrink: 0;
  }

  .desktop-row-main .city-button {
    flex-shrink: 0;
  }

  .desktop-row-main .search-section {
    flex: 1;
    min-width: 250px;
  }

  .desktop-row-main .action-icons {
    flex-shrink: 0;
    gap: 8px;
  }

  .desktop-row-main .logo-docfarm {
    flex-shrink: 0;
  }

  .nav-menu {
    display: flex;
  }

  .burger-btn {
    display: none;
  }
}

/* При разрешении 1325px и ниже - кнопка "Найти" превращается в иконку */
@media (min-width: 1201px) and (max-width: 1325px) {
  .desktop-row-main .search-section {
    min-width: 180px;
    flex: 1;
  }
  
  /* Скрываем иконку лупы внутри поля ввода */
  .desktop-row-main .search-wrapper img {
    display: none;
  }
  
  /* Убираем отступ слева, так как иконки больше нет */
  .desktop-row-main .search-wrapper {
    padding-left: 12px;
  }
  
  /* Скрываем текст на кнопке */
  .desktop-row-main .search-button span {
    display: none;
  }
  
  /* Добавляем иконку на кнопку */
  .desktop-row-main .search-button {
    background: #F4F6F7;
    background-image: url('../files/icons/icon-search.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    width: 44px;
    padding: 0;
  }
  
  .desktop-row-main .search-button:hover {
    background-color: #D4DADE;
    background-image: url('../files/icons/icon-search.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
  }
}

/* Для узких экранов - активно сжимаем поиск */
@media (min-width: 1201px) and (max-width: 1250px) {
  .desktop-row-main .search-section {
    min-width: 140px;
  }
}

/* Для самых узких экранов 1235px и меньше - максимальное сжатие */
@media (min-width: 1201px) and (max-width: 1235px) {
  .desktop-row-main .search-section {
    min-width: 110px;
  }
  
  /* Уменьшаем плейсхолдер */
  .desktop-row-main .search-input::placeholder {
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  /* Сам input тоже получает ограничения */
  .desktop-row-main .search-input {
    font-size: 12px;
    min-width: 40px;
    width: 100%;
  }
}