/* Про нас: пофарбувати лише посилання "Головна" у хлібних крихтах */
body.about-page .breadcrumb-bg--brandfade .breadcrumb a[href$="index.html"],
body.about-page .breadcrumb-bg--brandfade .breadcrumb a[href="/"]{
  color: #B3D466 !important;
}

/* (необов'язково) стан наведеного/в фокусі */
body.about-page .breadcrumb-bg--brandfade .breadcrumb a[href$="index.html"]:hover,
body.about-page .breadcrumb-bg--brandfade .breadcrumb a[href="/"]:hover,
body.about-page .breadcrumb-bg--brandfade .breadcrumb a[href$="index.html"]:focus,
body.about-page .breadcrumb-bg--brandfade .breadcrumb a[href="/"]:focus{
  color: #8FB63A !important; /* трошки темніше, можна прибрати */
  text-decoration: underline;
}
/* === Банер "Про нас" === */
.breadcrumb-bg--brandfade {
  background-color: #2e8b57; /* зелений фон */
  color: #fff; /* білий текст */
  height: 180px; /* зменшена висота */
  display: flex;
  align-items: center;
}

/* шкільні дудли як напівпрозорий фон */
.banner-doodles {
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 24 24'><path d='M3 5a2 2 0 0 1 2-2h12v14H5a2 2 0 0 1-2-2V5z' fill='none' stroke='%23ffffff' stroke-width='0.8'/></svg>");
  background-repeat: repeat;
  background-size: 100px auto;
  opacity: 0.95;
}

/* адаптація для мобільних */
@media (max-width: 768px) {
  .breadcrumb-bg--brandfade {
    height: 90px; /* у 2 рази менше */
  }
  .breadcrumb-title {
    font-size: 1.5rem;
  }
}
/* === Убираем градиент и делаем баннер зелёным === */

/* Полное отключение любых псевдоэлементов с градиентом */
.breadcrumb-bg::before,
.breadcrumb-bg--brandfade::before,
.breadcrumb-bg::after,
.breadcrumb-bg--brandfade::after {
  content: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

/* Сам баннер */
.breadcrumb-bg--brandfade {
  position: relative !important;
  background: #2e8b57 !important; /* однотонный зелёный */
  color: #ffffff !important; /* белый текст */
  height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* Белые хлебные крошки и заголовок */
.breadcrumb-bg--brandfade .breadcrumb-title,
.breadcrumb-bg--brandfade .breadcrumb,
.breadcrumb-bg--brandfade .breadcrumb a,
.breadcrumb-bg--brandfade .breadcrumb-item {
  color: #ffffff !important;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
  .breadcrumb-bg--brandfade {
    height: 90px !important;
  }
  .breadcrumb-bg--brandfade .breadcrumb-title {
    font-size: 1.5rem !important;
  }
}
/* Убираем градиент и делаем фон сплошным */
.breadcrumb-bg--brandfade {
  background: none; /* убирает градиент */
  background-color: transparent; /* можно задать, например, черный: #000 */
}

/* Делаем весь текст белым */
.breadcrumb-bg--brandfade,
.breadcrumb-bg--brandfade a,
.breadcrumb-bg--brandfade h1,
.breadcrumb-bg--brandfade li {
  color: #fff;
}

/* Если нужно убрать возможные текстовые тени или фильтры */
.breadcrumb-bg--brandfade * {
  text-shadow: none;
}