/* =====================================================================
   Friendly World — Minimalist Light Theme (override) v2
   ---------------------------------------------------------------------
   Лёгкий, современный, чистый стиль. Подключается ПОСЛЕДНИМ в base.html.

   ИСПРАВЛЕНО в v2:
   - Навбар над hero снова ПРОЗРАЧНЫЙ (белый текст/логотип видны над фото).
     Белый фон применяется ТОЛЬКО в закреплённом состоянии (при скролле).
   - Повышена специфичность правил меню (учтён .navbar-collapse), чтобы
     цвета текста применялись корректно.
   - Мягкий светлый фон секций (заметное, но лёгкое изменение).
   - Более свежая, чистая бирюзовая палитра (без «болотного» оттенка).

   ВАЖНО: файл НЕ содержит правил для карты (mapbox / #map / .mapboxgl-*).

   Палитра v2:
     primary   #14B8A6  (свежий бирюзовый — акцент, CTA)
     accent    #0E9488  (тёмный бирюзовый — hover)
     text      #1F2A28  (заголовки / основной тёмный текст)
     text-2    #5B6B67  (вторичный текст)
     bg        #F6FAF9  (мягкий светлый фон секций)
     surface   #FFFFFF  (карточки / поверхности)
   ===================================================================== */

/* ---- 1. Переопределение глобальных переменных темы ---- */
:root {
  --main-color-one: #14B8A6;
  --main-color-two: #1F2A28;
  --heading-color:  #1F2A28;
  --paragraph-color: #5B6B67;
  --heading-font: 'Inter', sans-serif;
  --body-font: 'Inter', sans-serif;
}

:root {
  --fw-primary: #14B8A6;
  --fw-accent:  #0E9488;
  --fw-text:    #1F2A28;
  --fw-text-2:  #5B6B67;
  --fw-bg:      #F6FAF9;
  --fw-surface: #FFFFFF;
  --fw-border:  #E6EEEC;
  --fw-radius:  16px;
  --fw-radius-sm: 8px;
  --fw-shadow:  0 6px 24px rgba(31, 42, 40, 0.06);
  --fw-shadow-hover: 0 12px 36px rgba(31, 42, 40, 0.11);
}

/* ---- 2. Базовая типографика и фон страницы ---- */
html body {
  font-family: 'Inter', sans-serif;
  color: var(--fw-text-2);
  background-color: var(--fw-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.1px;
}

h1, h2, h3, h4, h5, h6,
.title, .widget-title, .section-title .title {
  font-family: 'Inter', sans-serif !important;
  color: var(--fw-text);
  letter-spacing: -0.2px;
}

h1 { font-weight: 700; }
h2, .section-title .title { font-weight: 700; }
h3, h4, h5, h6 { font-weight: 600; }

p { color: var(--fw-text-2); }

a { color: var(--fw-primary); }
a:hover, a:focus { color: var(--fw-accent); }

/* ---- 3. Кнопки ---- */
.btn {
  border-radius: var(--fw-radius-sm);
  font-weight: 600;
  letter-spacing: 0.2px;
  box-shadow: none;
}

.btn-yellow {
  background: var(--fw-primary);
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(20, 184, 166, 0.25);
}
.btn-yellow:hover,
.btn-yellow:focus {
  background: var(--fw-accent);
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(20, 184, 166, 0.32);
}

.btn-read-more,
.btn-read-more:hover { color: var(--fw-primary); }

/* Кнопка поиска в баннере */
.submit-btn {
  background: var(--fw-primary) !important;
  border-radius: var(--fw-radius-sm) !important;
}
.submit-btn:hover { background: var(--fw-accent) !important; }

/* =====================================================================
   4. НАВИГАЦИЯ
   Базовое состояние (над hero) остаётся ПРОЗРАЧНЫМ — так белый логотип
   и белый текст меню видны поверх фото (как в оригинале).
   Мы стилизуем только hover, подменю и закреплённое состояние.
   ===================================================================== */

/* НЕ задаём фон базовому .navbar-area — оставляем прозрачным (fix бага) */

/* Ссылки меню над hero остаются светлыми (как в оригинале) */
.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
}
/* Подсветка при наведении — акцентный цвет */
.navbar-area .nav-container .navbar-collapse .navbar-nav li:hover a,
.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
  color: var(--fw-primary);
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li:before {
  background: var(--fw-primary);
}

/* Закреплённое состояние (при скролле): чистый белый фон + тёмный текст */
.navbar-area-fixed {
  background-color: var(--fw-surface) !important;
  box-shadow: 0 2px 20px rgba(31, 42, 40, 0.07) !important;
}
.navbar-area-fixed .nav-container .navbar-collapse .navbar-nav li a {
  color: var(--fw-text);
  font-weight: 500;
}
.navbar-area-fixed .nav-container .navbar-collapse .navbar-nav li:hover a,
.navbar-area-fixed .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
  color: var(--fw-primary);
}

/* Выпадающее подменю — всегда светлое и чистое */
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  background-color: var(--fw-surface);
  border: 1px solid var(--fw-border);
  border-radius: var(--fw-radius-sm);
  box-shadow: var(--fw-shadow);
  padding: 8px 0;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
  color: var(--fw-text-2);
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  color: var(--fw-primary);
}

/* ---- 5. Секции — мягкий светлый фон и чистые поверхности ---- */
.destination-area,
.video-area,
.blog-area,
.tp-video-area,
.about-area,
.work-process-area,
.review-area {
  background-color: transparent;
}

.section-title .title { color: var(--fw-text); }
.section-title p { color: var(--fw-text-2); }

/* Бегущая строка новостей */
.news-container a { color: var(--fw-primary); }

/* ---- 6. Карточки ассистентов ---- */
.single-package-card,
.single-destination-list {
  background: var(--fw-surface);
  border: 1px solid var(--fw-border);
  border-radius: var(--fw-radius);
  box-shadow: var(--fw-shadow);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.single-package-card:hover,
.single-destination-list:hover {
  transform: translateY(-4px);
  box-shadow: var(--fw-shadow-hover);
}

.single-package-card .details h3,
.single-package-card .details .title { color: var(--fw-text); }
.single-package-card .details .content { color: var(--fw-text-2); }

/* Метка "Verified" */
.single-package-card .thumb .tag {
  background: var(--fw-primary);
  border-radius: var(--fw-radius-sm);
  color: #fff;
}

/* Звёзды рейтинга */
.card-title .fa-star.checked,
.tp-review-meta .ic-yellow { color: #F4B740; }

/* ---- 7. Формы / поля ввода ---- */
.form-control,
.nice-select,
.single-input-wrap input,
.single-input-wrap textarea {
  border-radius: var(--fw-radius-sm);
  border: 1px solid var(--fw-border);
  color: var(--fw-text);
}
.form-control:focus {
  border-color: var(--fw-primary);
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.15);
}

/* ---- 8. Подвал ---- */
.footer-area .social-icon li a:hover { color: var(--fw-primary); }
.footer-area .widget_nav_menu ul li a:hover,
.footer-area .widget-contact a:hover { color: var(--fw-primary); }
.copyright-inner .copyright-text a { color: var(--fw-primary); }

/* Кнопка "наверх" */
.back-to-top .back-top {
  background: var(--fw-primary);
  border-radius: var(--fw-radius-sm);
}
.back-to-top .back-top:hover { background: var(--fw-accent); }

/* ---- 9. Плашка cookie / сообщения ---- */
.cookie-overlay {
  border-radius: var(--fw-radius);
  box-shadow: var(--fw-shadow);
  border: 1px solid var(--fw-border);
}
.alert { border-radius: var(--fw-radius-sm); }

/* ---- 10. Прочие акценты ---- */
.checked, .base-color, .ic-color { color: var(--fw-primary); }
.bg-base, .tag { background-color: var(--fw-primary); }

a, .btn, .single-package-card { transition: all 0.25s ease; }

/* ---- 11. Баннер (hero): убираем фото, лёгкий градиент ---- */
.main-banner-area {
  background-image: linear-gradient(135deg, #0E9488 0%, #14B8A6 50%, #5EEAD4 100%) !important;
  background-size: cover !important;
}
.main-banner-area h1,
.main-banner-area h2,
.main-banner-area h3 {
  color: #ffffff;
  font-family: 'Inter', sans-serif !important;
}
.main-banner-area .btn-yellow { background: rgba(255, 255, 255, 0.95); color: var(--fw-text); }
.main-banner-area .btn-yellow:hover { background: #ffffff; color: var(--fw-accent); }

/* ---- 12. Блок отзывов: убираем фото, лёгкий фон ---- */
.client-area-review,
.review-area {
  background-image: none !important;
  background: linear-gradient(180deg, #F6FAF9 0%, #E6F7F5 100%) !important;
}
/* Отключаем jarallax для блока отзывов */
.client-area-review.jarallax {
  background-attachment: scroll !important;
}

/* ---- 13. Футер: убираем фото, тёмный чистый фон ---- */
.footer-area {
  background-image: none !important;
  background: linear-gradient(135deg, #1F2A28 0%, #2A3836 100%) !important;
}

/* ---- 14. КАРТА НЕ ТРОГАЕТСЯ ----
   Никакие правила выше не адресуют классы карты. */