/* ============================================================
   Flowwatt — Custom Theme Override v4
   ============================================================ */

/* Google Fonts — Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ---- CSS Variables ---- */
:root {
  --bs-primary:        #0D2137;
  --bs-primary-rgb:    13, 33, 55;
  --bs-secondary:      #00A99D;
  --bs-secondary-rgb:  0, 169, 157;
  --bs-body-bg:        #E2EAF2;
  --bs-body-color:     #1A1A2E;
  --bs-dark:           #0D2137;
  --bs-darker:         #07131F;
  --bs-light:          #D0DCEA;
  --bs-lighter:        #E2EAF2;
  --bs-info:           #00A99D;
  --bs-info-rgb:       0, 169, 157;
  --bs-link-color:     #007a71;
  --bs-white-rgb:      13, 33, 55;
}

/* ---- Типографика ---- */
body,
.navbar,
h1, h2, h3, h4, h5, h6,
p, a, li, td, th, button, input, select, textarea {
  font-family: 'Inter', 'Source Sans Pro', sans-serif !important;
}
h2 { font-weight: 700; letter-spacing: -0.3px; }
h3 { font-weight: 600; }

/* ---- Фон страницы ---- */
body { background-color: #E2EAF2 !important; }

/* ============================================================
   HERO — затемнение фото + заголовок по центру крупный жирный
   ============================================================ */

/* Затемняющий overlay поверх фонового изображения */
.carousel-backgroundimage::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(7, 19, 31, 0.52);
  pointer-events: none;
}

/* Позиционирование фона */
.carousel-backgroundimage {
  position: relative;
}

/* Заголовок h1 в hero — крупный, жирный, по центру */
.carousel-header {
  font-size: clamp(2.4rem, 5vw, 4rem) !important;
  font-weight: 800 !important;
  text-align: center !important;
  line-height: 1.15 !important;
  letter-spacing: -1px !important;
  text-shadow: 0 2px 20px rgba(0,0,0,0.5) !important;
}

/* Центрируем весь текстовый блок в carousel */
.carousel-content {
  text-align: center !important;
}

.carousel-content-inner {
  align-items: center !important;
  justify-content: center !important;
}

.carousel-text-inner {
  text-align: center !important;
  max-width: 800px;
  margin: 0 auto;
}

/* ---- Навигация: базовый тёмный фон ---- */
.navbar-default,
.navbar-default-transition.navbar-transition {
  --bs-white-rgb: 13, 33, 55 !important;
  --bs-bg-opacity: 1 !important;
  background-color: #0D2137 !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.3) !important;
}

.bp-page-header,
.navbar-mainnavigation {
  background-color: #0D2137 !important;
}

/* border-bottom только при скролле */
.navbar-default-transition.navbar-transition,
.navbar-mainnavigation.navbar-transition {
  border-bottom: 2px solid #00A99D !important;
}

.navbar-default-transition:not(.navbar-transition),
.navbar-mainnavigation:not(.navbar-transition) {
  border-bottom: none !important;
}

/* ---- Ссылки в меню ---- */
.navbar-nav > li > a,
.navbar-nav .nav-link {
  color: #E0EEF8 !important;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 0.2px;
}
.navbar-nav > li > a:hover,
.navbar-nav .nav-link:hover,
.navbar-nav > li.active > a {
  color: #00A99D !important;
}

/* ---- Логотип ---- */
.navbar-brand img,
.navbar-brand-logo-normal,
.navbar-brand-logo-inverted {
  filter: none !important;
}

.navbar-toggler { border-color: #00A99D !important; }
.navbar-toggler-icon { filter: invert(1) !important; }

/* ---- Кнопки ---- */
.btn-primary {
  background-color: #00A99D !important;
  border-color: #00A99D !important;
  color: #fff !important;
  font-weight: 600;
  border-radius: 4px;
}
.btn-primary:hover {
  background-color: #008f84 !important;
  border-color: #008f84 !important;
}
.btn-secondary {
  background-color: #0D2137 !important;
  border-color: #0D2137 !important;
  color: #fff !important;
}

/* ---- Цвета секций ---- */
.bg-primary { background-color: #0D2137 !important; }
.bg-secondary { background-color: #00A99D !important; }
.bg-light { background-color: #D0DCEA !important; }
.bg-white { background-color: #EEF3F8 !important; }
.text-primary { color: #0D2137 !important; }
.text-secondary { color: #00A99D !important; }

/* ---- Карточки ---- */
.card {
  border: 1px solid #BED0E0;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(13,33,55,0.08);
  background-color: #EEF3F8;
  transition: all 0.2s ease;
}
.card:hover {
  box-shadow: 0 6px 24px rgba(13,33,55,0.15);
  transform: translateY(-2px);
}

/* ---- Footer ---- */
.footer-section-content {
  background-color: #07131F !important;
  color: #B0C4D8 !important;
  border-top: 2px solid #00A99D !important;
}
.footer-section-meta {
  background-color: #0D2137 !important;
  color: #8AA5BE !important;
}
.footer-section-content a,
.footer-section-meta a { color: #00A99D !important; }

/* ---- Ссылки ---- */
a { color: #006d65; }
a:hover { color: #00A99D; }

/* ---- Нумерованные шаги ---- */
.rounded-circle.bg-primary {
  background-color: #00A99D !important;
  color: #fff !important;
}

/* ---- Скрыть выбор языка в футере (пока один язык) ---- */
.footer-language,
#language_menu,
.language-menu {
  display: none !important;
}