@charset "UTF-8";

/*
 * Общая навигация: базовая разметка шапки (первым в цепочке стилей).
 * Раньше файл отсутствовал → 404 как text/html → «Refused to apply style … MIME».
 */

header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Не задаём здесь display для #fam-main-nav — режим «бургер / десктоп» задаёт css/fam.css */

/* ——— Переключатель языка + CTA ——— */

.fam-header-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  margin-left: auto;
}

.fam-lang {
  flex-shrink: 0;
}

@media (min-width: 992px) {
  .fam-header-actions .phone-button.phone-button--stand {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    min-width: 168px;
    width: 168px;
    margin: 0;
    padding: 0 1rem;
    border-radius: 8px;
    line-height: 1.2;
  }

  .fam-header-actions .fam-lang__select {
    box-sizing: border-box;
    height: 42px;
    width: auto;
    min-width: 0;
    max-width: none;
    padding: 0 1.75rem 0 0.75rem;
    border-radius: 8px;
    line-height: 1.2;
    field-sizing: content;
  }
}

.fam-lang__select {
  appearance: none;
  -webkit-appearance: none;
  padding: 0.4rem 1.75rem 0.4rem 0.65rem;
  font-family: inherit;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--fam-purple, #554dbc);
  background: rgba(255, 255, 255, 0.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23554dbc' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 0.5rem center;
  border: 1px solid rgba(85, 77, 188, 0.22);
  border-radius: 6px;
  cursor: pointer;
  line-height: 1.2;
}

.fam-lang__select:hover,
.fam-lang__select:focus {
  border-color: var(--fam-purple, #554dbc);
  outline: none;
}

.hero-expo--dark .fam-lang__select,
header .fam-lang__select {
  color: var(--fam-purple, #554dbc);
}

.fam-lang--mobile {
  display: none;
}

@media (max-width: 991px) {
  .fam-header-actions {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 0;
    gap: 0.65rem;
  }

  .fam-header-actions .fam-lang {
    display: none;
  }

  header #fam-main-nav .fam-lang--mobile {
    display: block;
    padding: 0.65rem 0 0.35rem;
    border-bottom: 1px solid rgba(85, 77, 188, 0.1);
  }

  header #fam-main-nav .fam-lang--mobile .fam-lang__select {
    width: 100%;
    font-size: 0.9rem;
    padding: 0.55rem 2rem 0.55rem 0.75rem;
  }
}

html[dir="rtl"] .fam-lang__select {
  padding: 0 0.65rem 0 1.75rem;
  background-position: left 0.5rem center;
}

@media (min-width: 992px) {
  html[dir="rtl"] .fam-header-actions {
    margin-left: 0;
    margin-right: auto;
  }

  html[dir="rtl"] .fam-header-actions .fam-lang__select {
    padding: 0 0.65rem 0 1.75rem;
  }
}