/* =========================================================
   custom.css
   Кастомные стили темы Rabbit Give (адаптировано из rabbit.css)
   Здесь переопределены базовые компоненты Bootstrap под
   фирменный стиль сайта.
   ========================================================= */

/* ---- Заголовки ---- */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #543064;
}

.white {
  color: #FFFFFF;
}

h1 {
  font-weight: 600;
}

/* ---- Кнопки ---- */
.btn-primary {
  color: #fff;
  background-color: #8a5394;
  border-color: #8a5394;
  margin-bottom: 5px;
}

.btn-primary:hover {
  color: #fff;
  background-color: #864994;
  border-color: #864994;
}

.btn-outline-dark {
  color: #0a2463;
  background-color: #fff;
  border-color: #0a2463;
  margin-bottom: 5px;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #864994;
  border-color: #864994;
}

.btn-outline-gold {
  color: #fff;
  background-color: #c79352;
  border-color: #c79352;
  margin-bottom: 5px;
}

.btn-outline-gold:hover {
  color: #fff;
  background-color: #d79f59;
  border-color: #d79f59;
}

.btn-danger {
  color: #fff;
  background-color: #8a5394;
  border-color: #8a5394;
}

.btn-danger:hover {
  color: #fff;
  background-color: #864994;
  border-color: #864994;
}

/* ---- Отступы секций ---- */
.py-20 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

/* ---- Навигация ---- */
.nav-link {
  display: block;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  color: #864994;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

/* ---- Аккордеон FAQ ---- */
.accordion-button:not(.collapsed) {
  color: #864994;
  background-color: #f6f6f6;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.accordion-body {
  padding: 1rem 1.25rem;
  color: #0d0d0d;
}

.accordion-button:focus {
  z-index: 3;
  border-color: #864994;
  outline: 0;
  box-shadow: 0 0 0 .1rem rgba(134, 73, 148, .25);
}

/* ---- Ссылки и текст ---- */
a {
  color: #9c3c7a;
  text-decoration: underline;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #42264e !important;
}

.text-size-14{
  font-size: 14px;
}


ul, li {
  --bs-text-opacity: 1;
  color: #42264e !important;
  font-size: 1.2rem;
  font-weight: 400;
}

/* ---- Блоки шагов / заметок (используются в разделе "Как создать розыгрыш") ---- */
.step-block {
  background-color: #f6f0f8;
  border-left: 4px solid #864994;
  border-radius: 8px;
  padding: 20px 24px;
  margin-bottom: 20px;
}

.step-block h4 {
  color: #8a5394;
  margin-bottom: 12px;
}

.note-box {
  background-color: #fdf3e3;
  border-left: 4px solid #e1b16f;
  border-radius: 8px;
  padding: 18px 24px;
  margin: 24px 0;
  color: #543064;
}

/* =========================================================
   Вспомогательные утилити-классы (вынесены из inline style="")
   ========================================================= */

/* Ограничение ширины блоков (аналог отсутствующих в сборке
   Bootstrap утилит max-width, использовавшихся в оригинале) */
.max-w-3xl { max-width: 48rem; }
.max-w-lg  { max-width: 32rem; }
.max-w-sm  { max-width: 24rem; }

/* Логотип в шапке / мобильном меню */
.logo-img {
  height: 50px;
  width: auto;
}

.logo-img--sm {
  height: 28px;
  width: auto;
}

/* Мобильное выезжающее меню */
.navbar-menu {
  z-index: 9999;
}

.navbar-backdrop {
  opacity: .75;
}

/* Декоративная картинка в hero-блоке */
.hero-illustration {
  /* сохраняет img-fluid w-100 h-100 rounded из разметки */
}

/* Секции с фирменным тёмно-фиолетовым фоном */
.section-brand {
  background-color: #56315d;
}

/* Секции со светло-серым фоном */
.section-light {
  background-color: #f8f8f8;
}

/* Текст белого цвета на тёмных секциях */
.text-on-brand,
.text-on-brand p {
  color: #fff;
}

/* Декоративная ракета/ноутбук над секцией */
.section-decor-icon {
  height: 250px;
}

/* Карточка каталога розыгрышей с градиентом */
.catalog-card {
  background: linear-gradient(#56315d, #402642);
  color: #56315d;
}

/* Иконка-подарок внутри карточки каталога */
.catalog-card__icon {
  height: 250px;
}

/* Круглые бейджи с иконками в блоке преимуществ */
.feature-icon {
  width: 48px;
  height: 48px;
}

/* Логотип партнёров */
.partners-logo {
  max-height: 80px;
}

/* Скрытый пиксель счётчика Яндекс.Метрики */
.ym-pixel {
  position: absolute;
  left: -9999px;
}