/* В статических html файлах Tailwind не сгенерировал list-disc, добавляем вручную */
.list-disc { list-style-type: disc; list-style-position: inside; }

/* ч/б логотип, убираем фильтр при наведении – применимо ко всем страницам */
.logo-bw { filter: grayscale(100%); transition: filter .3s ease; }
.logo-bw:hover { filter: none; }

/* Специальный фильтр для Vue — понижаем контраст, чтобы черный стал темно-серым */
.logo-vue {
  filter: grayscale(100%) contrast(0.45);
  transition: filter .3s ease;
}

.logo-vue:hover {
  filter: none;
}

/* Логотип React — раскрашиваем в фирменный синий при ховере */
.logo-react {
  transition: filter .3s ease;
}
.logo-react:hover {
  /* фильтром добиваемся #61dafb */
  filter: invert(67%) sepia(13%) saturate(4032%) hue-rotate(170deg) brightness(101%) contrast(102%);
}

/* Отступ между иконками в header */
.icon-links > * + * { margin-left: 1.25rem; } /* 1.25rem = 20px ~ tailwind gap-5 */

/* Цвет для иконки Telegram */
.icon-links .telegram-link { color: #4b5563; transition: color .2s ease; }
.icon-links .telegram-link:hover { color: #0088cc; }

/* Увеличиваем вертикальный отступ после фиксированного хедера */
.pt-20 {
  padding-top: 6rem !important; /* было 5rem */
}

/* Меньшие вертикальные отступы для мобильных экранов (<640px) */
@media (max-width: 639px) {
  .pt-20 {
    padding-top: 4rem !important; /* было 3rem, теперь 4rem */
  }
  .py-15 {
    padding-top: 1rem !important;  /* было 3.75rem -> 2.25rem */
    padding-bottom: 1rem !important;
  }
  /* Дополнительно уменьшаем отступы самого блока с логотипами */
  .mt-6 {
    margin-top: 0.75rem !important; /* было 1.5rem */
  }
  .mb-8 {
    margin-bottom: 1rem !important; /* было 2rem */
  }
  .mb-40 {
    margin-bottom: 1.5rem !important; /* уменьшили отступ для /about на мобильных */
  }
  .mb-32 {
    margin-bottom: 0 !important; /* убрали лишний отступ для /contact */
  }
  /* Добавляем паддинг снизу, чтобы содержимое не перекрывалось фиксированным футером */
  .min-h-screen {
    padding-bottom: 2.5rem !important; /* увеличили отступ для видимого зазора */
  }
  /* Страница контактов: убираем отступ полностью */
  .contact-page .min-h-screen {
    padding-bottom: 0 !important;
  }
  /* Отдельно для блока-обертки на главной странице */
  .pb-2 {
    padding-bottom: 3rem !important;
  }
}