/* ═══════════════════════════════════════════════════
   MELS TRAVEL — SITE STYLES v2.1 (BUTTON UPGRADE)
═══════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────
   BUTTONS (обновлено)
──────────────────────────────────────────────── */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 22px;
  border: 1.5px solid transparent;
  border-radius: var(--r-md);
  font-family: var(--font);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .1px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;

  /* 🔥 обновили transition */
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.14s,
    border-color 0.14s;
}

/* Active базовый */
.btn:active {
  transform: scale(.97);
}

/* ────────────────────────────────────────────────
   PRIMARY (BRAND) — НОВЫЙ СТИЛЬ
──────────────────────────────────────────────── */

.btn.primary,
.btn-brand,
a.btn.primary,
a.btn-brand {
  background: var(--brand);
  color: var(--brand-text) !important;
  border-color: var(--brand);

  /* ❌ убрали старую тень */
  box-shadow: none;
}

/* Hover — БЕЗ смены цвета */
.btn.primary:hover,
.btn-brand:hover,
a.btn.primary:hover,
a.btn-brand:hover {
  background: var(--brand);
  border-color: var(--brand);

  /* 🔥 новый эффект */
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(45, 183, 232, 0.28);
}

/* Active — нажатие */
.btn.primary:active,
.btn-brand:active,
a.btn.primary:active,
a.btn-brand:active {
  transform: translateY(0) scale(0.97);
  box-shadow: 0 4px 10px rgba(45, 183, 232, 0.22);
}

/* ────────────────────────────────────────────────
   ACCENT (оранжевая CTA — пока без изменений)
──────────────────────────────────────────────── */

.btn.accent,
.btn-accent,
a.btn.accent,
a.btn-accent {
  background: var(--accent);
  color: #fff !important;
  border-color: var(--accent);
}

.btn.accent:hover,
.btn-accent:hover,
a.btn.accent:hover,
a.btn-accent:hover {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
}

/* ────────────────────────────────────────────────
   GHOST
──────────────────────────────────────────────── */

.btn.ghost,
.btn-ghost,
a.btn.ghost,
a.btn-ghost {
  background: transparent;
  color: var(--text-secondary) !important;
  border-color: var(--n-200);
}

.btn.ghost:hover,
.btn-ghost:hover,
a.btn.ghost:hover,
a.btn-ghost:hover {
  background: var(--n-100);
  color: var(--text-primary) !important;
  border-color: var(--n-300);
}

/* ────────────────────────────────────────────────
   OUTLINE
──────────────────────────────────────────────── */

.btn.outline,
.btn-outline-brand,
a.btn.outline,
a.btn-outline-brand {
  background: transparent;
  color: var(--brand-dark) !important;
  border-color: var(--brand);
}

.btn.outline:hover,
.btn-outline-brand:hover,
a.btn.outline:hover,
a.btn-outline-brand:hover {
  background: var(--brand-pale);
  color: var(--brand-darkest) !important;
}

/* ────────────────────────────────────────────────
   DARK
──────────────────────────────────────────────── */

.btn.dark,
.btn-dark,
a.btn.dark,
a.btn-dark {
  background: var(--text-primary);
  color: #fff !important;
  border-color: var(--text-primary);
}

.btn.dark:hover,
.btn-dark:hover,
a.btn.dark:hover,
a.btn-dark:hover {
  background: var(--n-800);
  border-color: var(--n-800);
}

/* ────────────────────────────────────────────────
   SECONDARY
──────────────────────────────────────────────── */

.btn.secondary,
.btn-secondary,
a.btn.secondary,
a.btn-secondary {
  background: var(--brand-pale);
  color: var(--brand-darkest) !important;
  border-color: var(--brand-pale);
}

.btn.secondary:hover,
.btn-secondary:hover,
a.btn.secondary:hover,
a.btn-secondary:hover {
  background: var(--brand-light);
  border-color: var(--brand-light);
}

/* ────────────────────────────────────────────────
   SIZE MODIFIERS
──────────────────────────────────────────────── */

.btn-pill { border-radius: var(--r-full) !important; }

.btn-xl {
  min-height: 48px;
  padding: 0 28px;
  border-radius: var(--r-lg);
  font-size: 15px;
}

.btn-lg {
  min-height: 42px;
  padding: 0 22px;
  border-radius: var(--r-md);
  font-size: 14px;
}

.btn-md {
  min-height: 36px;
  padding: 0 17px;
  border-radius: var(--r-md);
  font-size: 13px;
}

.btn-sm {
  min-height: 30px;
  padding: 0 13px;
  border-radius: var(--r-sm);
  font-size: 12px;
}

/* hover движение ТОЛЬКО для tilda кнопок */
.t-btn.t-btnflex.t-btnflex_type_button2 {
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.t-btn.t-btnflex.t-btnflex_type_button2:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(45,183,232,0.25) !important;
}

.t-btn.t-btnflex.t-btnflex_type_button2:active {
  transform: translateY(0) scale(0.97) !important;
  box-shadow: 0 4px 10px rgba(45,183,232,0.2) !important;
}

/* =====================================================
   MELS HEADER FINAL FIX
===================================================== */

/* 1. По умолчанию для светлой страницы */
body.header-light .t228__centerside .t-menu__link-item,
body.header-light .t228__centerside .t-menu__link-item span {
  color: #1E1E1E !important;
}

/* 2. Только верхнее меню на темной странице */
body.header-dark .t228:not(.t228__positionfixed) .t228__centerside .t-menu__link-item,
body.header-dark .t228:not(.t228__positionfixed) .t228__centerside .t-menu__link-item span {
  color: #FFFFFF !important;
}

/* 3. Меню при прокрутке — ВСЕГДА черное */
.t228__positionfixed .t-menu__link-item,
.t228__positionfixed .t-menu__link-item span,
.t228[style*="background-color: rgb(247, 245, 242)"] .t-menu__link-item,
.t228[style*="background-color: rgb(247, 245, 242)"] .t-menu__link-item span,
.t228[style*="background-color: rgb(255, 255, 255)"] .t-menu__link-item,
.t228[style*="background-color: rgb(255, 255, 255)"] .t-menu__link-item span {
  color: #1E1E1E !important;
}

/* 4. Hover / active верхнего меню */
.t228__centerside .t-menu__link-item:hover,
.t228__centerside .t-menu__link-item:hover span,
.t228__centerside .t-menu__link-item.t-active,
.t228__centerside .t-menu__link-item.t-active span {
  color: #2DB7E8 !important;
}

/* 5. Dropdown / подменю — ВСЕГДА черное */
.t-menusub,
.t-menusub *,
.t-menusub__menu,
.t-menusub__menu *,
.t-menusub__link-item,
.t-menusub__link-item span {
  color: #1E1E1E !important;
}

/* Hover dropdown */
.t-menusub__link-item:hover,
.t-menusub__link-item:hover span {
  color: #2DB7E8 !important;
}

/* 6. Кнопка Личный кабинет — всегда как кнопка */
.t228 .t-btn,
.t228 .t-btn *,
.t228 .t-btnflex,
.t228 .t-btnflex *,
.t228 .t-btnflex__text {
  color: #0A2540 !important;
}

/* 7. Логотип для светлой страницы */
body.header-light .t228__imglogo,
body.header-light img.t228__imglogo {
  content: url("https://static.tildacdn.com/tild6332-6435-4630-b335-656230636239/logo.svg") !important;
}

/* 8. Логотип для меню при прокрутке */
.t228__positionfixed .t228__imglogo,
.t228__positionfixed img.t228__imglogo {
  content: url("https://static.tildacdn.com/tild6332-6435-4630-b335-656230636239/logo.svg") !important;
}
/* 6. Кнопка Личный кабинет — всегда одинаковая */
.t228 .t-btn,
.t228 .t-btn *,
.t228 .t-btnflex,
.t228 .t-btnflex *,
.t228 .t-btnflex__text {
  color: #FFFFFF !important;
}

/* Hover кнопки — текст тоже белый */
.t228 .t-btn:hover,
.t228 .t-btn:hover *,
.t228 .t-btnflex:hover,
.t228 .t-btnflex:hover *,
.t228 .t-btnflex:hover .t-btnflex__text {
  color: #FFFFFF !important;
}

/* =========================================
   MELS MOBILE MENU — SAFE FINAL
   block: #rec350163849
========================================= */

@media (max-width: 980px) {

  html,
  body {
    overflow-x: hidden !important;
  }

  /* Контейнер меню */
  #rec350163849 .t280__menu__wrapper,
  #rec350163849 .t280__menu__wrapper_2,
  #rec350163849 .t280__menu__container {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    transform: none !important;
    overflow-x: hidden !important;
    visibility: visible !important;
  }

  /* Фон раскрытого меню */
  #rec350163849 .t280__menu__container {
    background:
      linear-gradient(rgba(13,27,42,.42), rgba(13,27,42,.42)),
      url("https://static.tildacdn.com/tild3463-6633-4330-a435-636366626632/__.jpg") center center / cover no-repeat !important;
  }

  #rec350163849 .t280__menu__bg {
    background: transparent !important;
  }

  /* Пункты меню */
  #rec350163849 .t280__menu__container a,
  #rec350163849 .t280__menu__container a span,
  #rec350163849 .t-menu__link-item,
  #rec350163849 .t-menu__link-item span {
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    text-align: left !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #rec350163849 .t280__menu__container a,
  #rec350163849 .t-menu__link-item {
    display: block !important;
    width: 100% !important;
    padding: 7px 0 7px 32px !important;
    margin: 0 !important;
    border: none !important;
    text-decoration: none !important;
  }

  /* Подменю — пока не трогаем */
  #rec350163849 .t-menusub,
  #rec350163849 .t-menusub__menu {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  #rec350163849 .t-menusub__link-item,
  #rec350163849 .t-menusub__link-item span {
    color: #FFFFFF !important;
    font-size: 15px !important;
    text-align: left !important;
  }

  #rec350163849 .t-menusub__link-item {
    padding: 5px 0 5px 48px !important;
  }
  
/* MELS MOBILE MENU — socials center */
@media (max-width: 980px) {
  #rec350163849 .t280__socials,
  #rec350163849 .t-sociallinks,
  #rec350163849 .t-sociallinks__wrapper {
    justify-content: center !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

  #rec350163849 .t280__contacts *,
  #rec350163849 .t280__bottom * {
    text-align: left !important;
  }

  #rec350163849 .t280__socials,
  #rec350163849 .t-sociallinks,
  #rec350163849 .t-sociallinks__wrapper {
    left: auto !important;
    right: auto !important;
    padding-left: 32px !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
  }
}

/* MELS MOBILE MENU — fix phone (t280__descr) */
@media (max-width: 980px) {
  #rec350163849 .t280__descr.t280__bottom__item {
    display: block !important;

    position: static !important;
    left: auto !important;
    right: auto !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding-left: 32px !important;

    text-align: left !important;
    transform: none !important;
  }
}