/* Біло-голуба колірна схема для Hallufix® */

/* Основні кольори */
:root {
  --primary-blue: #4A90E2;      /* Основний блакитний */
  --light-blue: #7DB8F5;        /* Світло-блакитний */
  --very-light-blue: #B8D9F5;   /* Дуже світлий блакитний */
  --pale-blue: #E3F2FD;         /* Бледно-блакитний */
  --white: #FFFFFF;             /* Білий */
  --off-white: #F8FBFE;         /* Не чисто білий */
  --soft-blue: #D4E9F7;         /* М'який блакитний */
  --medium-blue: #5BA3E8;       /* Середній блакитний */
  --text-dark: #2C3E50;         /* Темний текст */
}

/* Palette 1 Base - Основний акцентний колір (був темно-синій #205781) */
.u-palette-1-base,
.u-body.u-palette-1-base,
section.u-palette-1-base:before,
.u-palette-1-base > .u-container-layout:before,
.u-button-style.u-palette-1-base,
.u-button-style.u-palette-1-base[class*="u-border-"] {
  background-color: var(--primary-blue) !important;
  color: var(--white) !important;
}

.u-button-style.u-palette-1-base:hover,
.u-button-style.u-palette-1-base[class*="u-border-"]:hover {
  background-color: var(--medium-blue) !important;
  color: var(--white) !important;
}

.u-text-palette-1-base {
  color: var(--primary-blue) !important;
}

.u-border-palette-1-base {
  border-color: var(--primary-blue) !important;
}

/* Palette 1 Light 2 - Світліший відтінок */
.u-palette-1-light-2 {
  background-color: var(--soft-blue) !important;
  color: var(--text-dark) !important;
}

.u-text-palette-1-light-2 {
  color: var(--medium-blue) !important;
}

/* Palette 1 Light 3 - Найсвітліший варіант */
.u-palette-1-light-3 {
  background-color: var(--pale-blue) !important;
  color: var(--text-dark) !important;
}

/* Palette 1 Dark 2 - Footer темний (був #112a3d) */
.u-palette-1-dark-2 {
  background-color: var(--primary-blue) !important;
  color: var(--white) !important;
}

/* Palette 2 Light 3 - Фонові секції (був світло-блакитний) */
.u-palette-2-light-3 {
  background-color: var(--off-white) !important;
  color: var(--text-dark) !important;
}

/* Palette 3 Base - Акцентний колір для іконок */
.u-palette-3-base {
  background-color: var(--light-blue) !important;
  color: var(--white) !important;
}

.u-text-palette-3-base {
  color: var(--light-blue) !important;
}

/* Palette 3 Light 2 - Картки переваг */
.u-palette-3-light-2 {
  background-color: var(--pale-blue) !important;
  color: var(--text-dark) !important;
}

/* Palette 3 Light 3 - Секція відгуків */
.u-palette-3-light-3 {
  background-color: var(--very-light-blue) !important;
  color: var(--text-dark) !important;
}

/* Palette 5 Light 3 - Hero section */
.u-palette-5-light-3 {
  background-color: var(--soft-blue) !important;
  color: var(--text-dark) !important;
}

/* Header */
.u-header {
  background-color: var(--white) !important;
  border-bottom: 2px solid var(--pale-blue) !important;
}

/* Gradient overlays - оновлюємо градієнти на зображеннях */
.u-section-3 .u-image-1 {
  background-image: url('images/32f94e11-edb9-4a8b-ad91-f9d3ddcebc59.png'), 
                    linear-gradient(to bottom, rgba(74, 144, 226, 0.3), rgba(74, 144, 226, 0.3)) !important;
}

.u-section-7 .u-image-1 {
  background-image: url('images/75edb1a9-97af-43bb-a79f-c53adb731a4e1.png'), 
                    linear-gradient(to bottom, rgba(74, 144, 226, 0.3), rgba(74, 144, 226, 0.3)) !important;
}

.u-section-7 .u-image-2 {
  background-image: url('images/3a3b0a32-dfef-4fda-b955-fd5844570f02.png'), 
                    linear-gradient(to bottom, rgba(74, 144, 226, 0.3), rgba(74, 144, 226, 0.3)) !important;
}

/* Кнопки */
.u-btn {
  transition: all 0.3s ease !important;
}

.u-btn.u-palette-1-base {
  background: linear-gradient(135deg, var(--primary-blue), var(--light-blue)) !important;
  box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3) !important;
}

.u-btn.u-palette-1-base:hover {
  background: linear-gradient(135deg, var(--medium-blue), var(--primary-blue)) !important;
  box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4) !important;
  transform: translateY(-2px);
}

/* Іконки */
.u-icon-circle.u-palette-3-base {
  background-color: var(--light-blue) !important;
}

/* Білий фон для карток */
.u-white {
  background-color: var(--white) !important;
}

/* Theme color для браузерів */
meta[name="theme-color"] {
  content: var(--primary-blue) !important;
}

/* Accordion активний стан */
.u-accordion-link.u-active-palette-1-base {
  background-color: var(--pale-blue) !important;
  color: var(--primary-blue) !important;
}

.u-accordion-link.u-hover-palette-1-base:hover {
  background-color: var(--soft-blue) !important;
  color: var(--primary-blue) !important;
}

/* Додаткові покращення */
body {
  background-color: var(--off-white) !important;
}

/* Посилання в футері */
.u-footer .u-nav-link {
  color: var(--white) !important;
}

.u-footer .u-nav-link:hover {
  color: var(--very-light-blue) !important;
}

/* Тексти на темному фоні */
.u-palette-1-dark-2 .u-text,
.u-palette-1-base .u-text {
  color: var(--white) !important;
}

/* Rounded corners - залишаємо м'які */
.u-radius {
  border-radius: 20px !important;
}

.u-shape-round {
  border-radius: 50px !important;
}