/* static/css/mobile_version.css */

/* Планшеты (iPad) и маленькие ноутбуки */
@media (max-width: 1024px) {
  .hdr-navWrap {
    display: none; /* Скрываем основное меню на iPad */
  }

  .hdr-burger {
    display: flex; /* Показываем бургер */
  }

  .hdr-pill {
    display: none; /* Скрываем IP на планшетах, чтобы не загромождать */
  }
}

/* Мобильные устройства */
@media (max-width: 640px) {
  .hdr-bar {
    height: 56px;
  }

  .hdr-brandText {
    display: none; /* Оставляем только иконку для телефонов */
  }

  .hdr-right .hdr-langWrap {
    display: none; /* Язык убираем в мобильное меню */
  }
}

/* Стили для Off-canvas мобильного меню (в base.html) */
#mobile-menu .bg-white {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(25px);
  border-left: 0.5px solid rgba(0,0,0,0.1);
}

#mobile-nav a {
  display: block;
  padding: 15px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  border-bottom: 0.5px solid rgba(0,0,0,0.05);
  text-decoration: none;
}