#clubAccordion {
  padding-left: 20px;
  padding-bottom: 20px;
}

#clubAccordion .accordion-body>p {
  color: #fff;
}

/* Кастомный стиль для заголовков аккордеона */
.custom-accordion-header {
  font-family: "Arial Black", Arial;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-block !important;
  box-shadow: none !important; /* убирает тень от Bootstrap */
  position: relative;
  margin: 10px 0;
}

/* Убираем стрелку Bootstrap (если не нужна) */
.custom-accordion-header::after {
  display: none !important;
}

/* Опционально: отступы между секциями */
.accordion + .accordion {
  margin-top: 1.5rem;
}


/* Закрытый (свернутый) заголовок — белый */
.custom-accordion-header.collapsed .accordion-title-text {
  color: #ffffff;
  border-bottom: 1px dotted #ffffff;
}

/* Открытый (развёрнутый) заголовок — оранжевый */
.custom-accordion-header:not(.collapsed) .accordion-title-text {
  color: #ff8c00; /* или другой оттенок оранжевого, например #ff6a00 */
  border-bottom: 1px dotted #ff8c00;
}



/* Стиль открытого заголовка — можно оставить белым или изменить */
.custom-accordion-header:not(.collapsed) {
  color: #ff8c00 !important;
  /* Можно добавить: font-weight: bold; */
}



.accordion-title-text {
  border-bottom: 1px dotted #ffffff;
  display: inline-block; /* важно! чтобы border обрезался по тексту */
  padding-bottom: 2px; /* опционально: небольшой отступ снизу */
  font-size: 1em;
  line-height: 1;
  color: #fafafa;
}