/* A11Y FIX — повышаем контрасты и улучшаем touch targets (минимально инвазивно) */

/* 1. Touch targets — только padding, без display:flex который ломает layout */
nav ul li a,
.footer-nav a {
  min-height: 44px;
  padding: 6px 4px;
}

/* Footer links — больше расстояние между */
footer ul.space-y-2\.5 > li {
  margin-bottom: 10px;
}

/* 2. Bottom mobile bar buttons */
.fixed button.flex-1 {
  min-height: 56px;
}

/* 3. Focus rings — accessibility */
select:focus-visible,
input:focus-visible,
button:focus-visible,
a:focus-visible {
  outline: 2px solid #ff6b35;
  outline-offset: 2px;
}

/* === Логотип "БЕТОННЫЙ ЗАВОД" — фиксированная ширина чтобы не прыгало === */
header a[aria-label*="Бетонный"] > div:last-child > div:first-child,
header a[href="/"] > div:last-child > div:first-child {
  min-width: 145px;
  /* Резервируем место под текст 'БЕТОННЫЙ ЗАВОД' Montserrat 800 16px */
}

/* На очень узких экранах (< 360px) уменьшаем */
@media (max-width: 360px) {
  header a[aria-label*="Бетонный"] > div:last-child > div:first-child,
  header a[href="/"] > div:last-child > div:first-child {
    font-size: 14px !important;
    min-width: 130px;
  }
}

/* Telephone в шапке тоже может прыгать — фиксируем */
header a[href^="tel:"] {
  min-width: fit-content;
}

/* Текст inside SVG PhoneImage не нужно фиксить — там SVG */