@import url("https://fonts.googleapis.com/css?family=Poppins:400,700,900");

:root {
  --ask-button-gradient-color: rgb(var(--secondary));
}

.bg-body {
  background-color: rgb(var(--body)) !important;
}

.mayday_layout-container {
  color: rgb(var(--primary));
  font-family:
    "Poppins", "ui-sans-serif", "system-ui", "-apple-system",
    "BlinkMacSystemFont", '"Segoe UI"', "Roboto", '"Helvetica Neue"', "Arial",
    '"Noto Sans"', "sans-serif", '"Apple Color Emoji"', '"Segoe UI Emoji"',
    '"Segoe UI Symbol"', '"Noto Color Emoji"' !important;
}

/* --- HEADER --- */

header,
.mayday_header-main,
.mayday_header-placeholder {
  background-color: transparent !important;
  position: relative;
}

.mayday_header-container {
  background-image: url("https://cdn.braze.eu/appboy/communication/assets/image_assets/images/6488625682f1d93f9ecb2db0/original.png?1686659669");
  background-size: cover;
}

.mayday_header-main .mayday_header-nav {
  background-color: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mayday_header-home_view {
  background-color: transparent !important;
}

/* --- SEARCH --- */

.mayday_search-input_wrapper_home {
  background-color: white !important;
  border: 1px solid rgb(var(--secondary)) !important;
  /* transform: translateY(130px); */
}

.mayday_search-input_wrapper {
  border: 1px solid transparent !important;
}

.mayday_search-input_wrapper_focus {
  border: 1px solid rgb(var(--secondary)) !important;
}

.mayday_search-wrapper_label_text {
  display: none;
}

.mayday_search-input_icon {
  color: red;
  font-size: 23px;
}

.mayday_search-input_wrapper {
  background-color: white;
  position: relative;
}

.mayday_search-bar {
  transition: none;
  transform: translateY(-156px) !important;
  opacity: 1;
  visibility: visible;
  position: relative;
}

.mayday_search-input {
  color: rgb(var(--primary)) !important;
}
.mayday_search-input::placeholder {
  color: #c8c4bf !important;
}

.mayday_search-bar_stuck {
  padding: 0 25%;
  left: 0;
  display: block;
  transform: translateY(-320px) !important;
}

/* --- LANG SWITCHER --- */
.mayday_header-lang_switcher {
  position: absolute;
  right: 50px;
}

.mayday_header-lang_button {
  color: rgb(var(--primary));
}
.mayday_header-lang_button svg {
  visibility: hidden;
}

/* --- NAVIGATION --- */

.mayday_folder-dropdown_trigger_button_title {
  color: rgb(var(--secondary));
}

.mayday_navigation-folder_container--focus {
  color: rgb(var(--secondary)) !important;
}

.mayday_knowledge-sidebar {
  background: rgb(var(--body));
}

.mayday_content-sticky_title {
  position: static !important;
}

.mayday_navigation-folder_link.nuxt-link-active div,
.mayday_navigation-folder_link.nuxt-link-exact-active div {
  background: rgb(var(--body)) !important;
}

.mayday_header-lang_dropdown {
  border-radius: 8px !important;
}

.mayday_home_collection {
  background-color: white !important;
}

@media screen and (max-width: 768px) {
  .mayday_header-container {
    padding-top: 110px;
  }

  .mayday_header-company_logo_wrapper {
    background-color: rgb(var(--secondary)) !important;
    border-radius: 8px;
    margin-bottom: 64px;
  }

  .mayday_header-mobile_actions {
    display: none !important;
  }

  .mayday_header-lang_switcher {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    z-index: 1000 !important;
    transform: translate(40px, -120px);
    background-color: white;
    padding-left: 8px;
    border-radius: 8px;
  }

  .mayday_header-lang_dropdown {
    border-radius: 8px !important;
    top: calc(100% + 4px);
  }

  .mayday_header-home_view {
    height: 0;
  }

  .mayday_header-lang > svg {
    display: none !important;
  }

  .mayday_search-input_group {
    transform: translateY(30px) !important;
  }
  .mayday_search-bar {
    transition: none;
    transform: translateY(-140px) !important;
    opacity: 1;
  }

  .mayday_search-bar_stuck {
    padding: 0;
  }
}

.mayday_ask-button-activate {
  background-color: rgb(var(--secondary)) !important;
  border-radius: 16px !important;
}

.mayday_ask-button-activate > svg {
  color: white !important;
}