/*
 * Сброс глобального CSS приложения на страницах лендинга.
 *
 * Tailwind preflight, main.css и menu_adaptive.css подключаются глобально (nuxt.config.js → css)
 * и содержат одноимённые с макетом классы (.button-secondary, .move-btn-block, .menu-button,
 * .chat-name, .navbar ...). Свойства, которых нет в CSS макета, протекают на лендинг.
 *
 * Порядок подключения (layouts/landing.vue): entry.css приложения → этот файл →
 * landing-nomorehumans.webflow.css. Здесь возвращаем значения макета; :where() держит
 * специфичность как у одиночного класса, поэтому CSS макета, подключённый следом,
 * по-прежнему побеждает там, где сам задаёт свойство.
 */

/* Tailwind preflight (a { color: inherit }) и main.css (a { text-decoration: underline }) */
:where(.landing-webflow-page) a {
  color: revert;
  text-decoration: revert;
}

:where(.landing-webflow-page) a:hover {
  text-decoration: revert;
}

/* Tailwind preflight */
:where(.landing-webflow-page) ul {
  list-style: disc;
}

:where(.landing-webflow-page) ol {
  list-style: decimal;
}

:where(.landing-webflow-page) b,
:where(.landing-webflow-page) strong {
  font-weight: bold;
}

:where(.landing-webflow-page) svg {
  display: inline;
}

/* main.css / menu_adaptive.css */
:where(.landing-webflow-page) .navbar {
  flex-direction: row;
}

:where(.landing-webflow-page) .button-secondary {
  border: 0;
  background-color: transparent;
  min-height: 0;
}

:where(.landing-webflow-page) .move-btn-block {
  padding: 1.25rem 2rem;
  font-size: inherit;
}

:where(.landing-webflow-page) .move-btn-block.relative,
:where(.landing-webflow-page) .move-btn-block.absolute {
  padding-left: 2rem;
  padding-right: 2rem;
}

:where(.landing-webflow-page) .menu-button {
  display: none;
  width: auto;
  height: auto;
  padding: 18px;
  border-radius: 0;
  color: inherit;
  background-color: transparent;
  background-image: none;
  font-size: 24px;
  line-height: inherit;
  transition: none;
}

:where(.landing-webflow-page) .small-text {
  font-weight: inherit;
  line-height: inherit;
}

:where(.landing-webflow-page) .placeholder-text {
  position: static;
  inset: auto;
  z-index: auto;
  padding: 0;
}

:where(.landing-webflow-page) .chat-name {
  display: flex;
  width: auto;
  white-space: normal;
  overflow: visible;
  color: inherit !important;
}

:where(.landing-webflow-page) .wrapper-icon {
  position: static;
  width: auto;
  min-width: auto;
  height: auto;
}

:where(.landing-webflow-page) .dropdown-toggle-second {
  gap: normal;
}

:where(.landing-webflow-page) .faq-icon {
  position: static;
}
