/*
  custom.css — цветовые переопределения сайта
  Меняй переменные в :root чтобы изменить всю цветовую схему.
*/

:root {
  /* --- Основной акцентный цвет --- */
  --color-primary:       #1565C0;
  --color-primary-dark:  #0D47A1;
  --color-primary-light: #E3F0FF;

  /* --- Акцентный (оранжевый) --- */
  --color-accent:        #E65100;
  --color-accent-dark:   #BF360C;

  /* --- Шапка --- */
  --color-navbar-bg: #ffffff;
  --color-navbar-text: #1A2744;
  --color-navbar-text-hover: #1565C0;

  /* --- Подвал --- */
  --color-footer-bg:     #1A2744;
  --color-footer-text:   #90A4C0;

  /* --- Фон страницы --- */
  --color-body-bg:       #F4F7FB;
}

/* ── Шапка ─────────────────────────────────────────────── */

.navbar.bg-dark {
  background-color: var(--color-navbar-bg) !important;
}


.navbar .nav-link,
.navbar .navbar-brand span {
  color: var(--color-navbar-text) !important;
}

.navbar .nav-link:hover,
.navbar .navbar-brand:hover span {
  color: var(--color-navbar-text-hover) !important;
}

/* ── Подвал ─────────────────────────────────────────────── */

footer.bg-dark {
  background-color: var(--color-footer-bg) !important;
}

footer .text-light,
footer .text-secondary {
  color: var(--color-footer-text) !important;
}

/* ── Фон страницы ───────────────────────────────────────── */

body {
  background-color: var(--color-body-bg) !important;
}

/* ── Кнопки btn-primary ─────────────────────────────────── */

.btn-primary {
  --bs-btn-bg:                var(--color-primary);
  --bs-btn-border-color:      var(--color-primary);
  --bs-btn-hover-bg:          var(--color-primary-dark);
  --bs-btn-hover-border-color: var(--color-primary-dark);
  --bs-btn-active-bg:         var(--color-primary-dark);
  --bs-btn-active-border-color: var(--color-primary-dark);
}

.btn-outline-primary {
  --bs-btn-color:             var(--color-primary);
  --bs-btn-border-color:      var(--color-primary);
  --bs-btn-hover-bg:          var(--color-primary);
  --bs-btn-hover-border-color: var(--color-primary);
  --bs-btn-active-bg:         var(--color-primary-dark);
}

/* ── Ссылки ─────────────────────────────────────────────── */

a:not(.btn):not(.nav-link):not(.navbar-brand) {
  color: var(--color-primary);
}

a:not(.btn):not(.nav-link):not(.navbar-brand):hover {
  color: var(--color-primary-dark);
}

/* ── Акцентные элементы (race-card, bib) ───────────────── */

.race-card {
  border-left-color: var(--color-primary) !important;
}

.bib-badge {
  color: var(--color-primary);
}

.lang-switcher .btn.btn-light.btn-sm {
  background-color: var(--color-primary);
  color: #fff;
}
.lang-switcher .btn.btn-outline-light.btn-sm {
  background-color: #ccc;
}

.navsecond {
  width: 100%;
}

b, strong {
  font-weight: bold;
}

/* ── Обложка мероприятия ────────────────────────────────── */

.event-cover {
  width: 100%;
  /* aspect-ratio: 16 / 9; */
  object-fit: cover;
}

.cover-hero {
  width: 100%;
  /* aspect-ratio: 16 / 9; */
  object-fit: cover;
  border-radius: 0.5rem;
}