/* Наследование стилей для параграфа */
.w-parent-p p {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0; 
}




/* ==========================================================================
   Адаптивные утилиты размеров шрифта (fs-*) для Bootstrap 5
   ========================================================================== */

/* --- Брейкпоинт SM (экраны от 576px и выше) --- */
@media (min-width: 500px) {
  .fs-sm-1 { font-size: calc(1.375rem + 1.5vw) !important; }
  .fs-sm-2 { font-size: calc(1.325rem + 0.9vw) !important; }
  .fs-sm-3 { font-size: calc(1.3rem + 0.6vw) !important; }
  .fs-sm-4 { font-size: calc(1.275rem + 0.3vw) !important; }
  .fs-sm-5 { font-size: 1.25rem !important; }
  .fs-sm-6 { font-size: 1rem !important; }
}

/* --- Брейкпоинт MD (экраны от 768px и выше) --- */
@media (min-width: 768px) {
  .fs-md-1 { font-size: calc(1.375rem + 1.5vw) !important; }
  .fs-md-2 { font-size: calc(1.325rem + 0.9vw) !important; }
  .fs-md-3 { font-size: calc(1.3rem + 0.6vw) !important; }
  .fs-md-4 { font-size: calc(1.275rem + 0.3vw) !important; }
  .fs-md-5 { font-size: 1.25rem !important; }
  .fs-md-6 { font-size: 1rem !important; }
}

/* --- Брейкпоинт LG (экраны от 992px и выше) --- */
@media (min-width: 992px) {
  .fs-lg-1 { font-size: calc(1.375rem + 1.5vw) !important; }
  .fs-lg-2 { font-size: calc(1.325rem + 0.9vw) !important; }
  .fs-lg-3 { font-size: calc(1.3rem + 0.6vw) !important; }
  .fs-lg-4 { font-size: calc(1.275rem + 0.3vw) !important; }
  .fs-lg-5 { font-size: 1.25rem !important; }
  .fs-lg-6 { font-size: 1rem !important; }
}

/* --- Брейкпоинт XL (экраны от 1200px и выше) --- */
@media (min-width: 1200px) {
  .fs-xl-1 { font-size: 2.5rem !important; }
  .fs-xl-2 { font-size: 2rem !important; }
  .fs-xl-3 { font-size: 1.75rem !important; }
  .fs-xl-4 { font-size: 1.5rem !important; }
  .fs-xl-5 { font-size: 1.25rem !important; }
  .fs-xl-6 { font-size: 1rem !important; }
}
/* --- Брейкпоинт XXL (экраны от 1400px и выше) --- */
@media (min-width: 1400px) {
  .fs-xxl-1 { font-size: 2.5rem !important; }   /* ~40px */
  .fs-xxl-2 { font-size: 2rem !important; }     /* ~32px */
  .fs-xxl-3 { font-size: 1.75rem !important; }  /* ~28px */
  .fs-xxl-4 { font-size: 1.5rem !important; }   /* ~24px */
  .fs-xxl-5 { font-size: 1.25rem !important; }  /* ~20px */
  .fs-xxl-6 { font-size: 1rem !important; }      /* ~16px */
}
/* ==========================================================================
   Адаптивные утилиты размеров шрифта (fs-*) для Bootstrap 5
   ========================================================================== */





















.navbar-brand img {
         height: 25px !important; 
    }


/* иконки на главной */
.hero-cat-link { transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; }
.hero-cat-link:hover { transform: translateY(-5px); opacity: 1 !important; }

/* icon menu */
.menu-bx-chat a::before {
  font-family: 'boxicons' !important;
  content: '\ea40';
  margin-right: 8px;
  font-style: normal;
  transform: translateY(1px);
}
.navbar-nav a:hover,
.navbar-nav a:focus {
  color: #e5a32d !important;
}



/* Мягкое серое окрашивание-------------статьи-------или бренды */
.card-hover-gray {
  transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
}
.card-hover-gray:hover {
  background-color: var(--si-gray-100) !important; 
}

/* Железная адаптивность для картинок в карточках Views */
.views-row .card img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important; 
}

/* Выравнивание контентной зоны по левой границе логотипа  */
main.main-content .region-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* -------top-all----------Оверлей становится чуть светлее при наведении, проявляя картинку */
.card-hover:hover .bg-dark.opacity-60 {
  opacity: 0.45 !important;
}

/* Плавное изменение прозрачности оверлея */
.transition-all {
  transition: all 0.3s ease;
}
/* ---------------------------------------------------------------------------------- */


.card-hover:hover .zoom-effect {
  transform: scale(1.08);
}




/*----------Catalog------ Плавный поворот иконки на 180 градусов при раскрытии collapse */
.btn-more[aria-expanded="true"] i {
  transform: rotate(180deg);
}
/* Базовый класс плавности для иконок в теме */
.btn-more i.transition {
  transition: transform 0.5s ease-in-out !important;
}
/* Когда список раскрыт (aria-expanded="true"), прячем базовый текст "Ещё Х" */
.btn-more[aria-expanded="true"] .btn-more-text {
  font-size: 0 !important; /* Обнуляем размер, чтобы скрыть буквы, но сохранить элемент в потоке */
}

/* На место скрытых букв плавно подставляем слово "Скрыть" */
.btn-more[aria-expanded="true"] .btn-more-text::before {
  content: "Скрыть";
  font-size: 0.875rem; /* Возвращаем стандартный размер шрифта для слова Скрыть (fs-sm) */
}

/* Сохраняем небольшой отступ между новым словом и нашей крутящейся стрелочкой */
.btn-more[aria-expanded="true"] i {
  margin-left: 0.25rem;
}





/* img black/white */
.img-grayscale {
  filter: grayscale(100%);
  transition: filter 0.3s ease; /* Плавный переход для эффекта при наведении */
}

/* Эффект: при наведении мыши карта становится цветной */
.img-grayscale:hover {
  filter: grayscale(0%);
}


/* map */
.leaflet-control-attribution > a:first-of-type,
.leaflet-control-attribution > span:first-of-type {
    display: none !important;
}

.page-node-type-supplier .leaflet-container {
border-radius: 10px;
}
/*******************************************************ПОИСК*********************************************************************/