/* AleoFly v195 final header patch loaded after the legacy stylesheet. */

.site-header > .mobile-menu-trigger {
  display: none !important;
}

@media (min-width: 981px) {
  .site-header {
    padding-left: 42px !important;
    gap: 18px !important;
  }

  .site-header > .brand.brand-image-lockup {
    min-width: 352px !important;
    width: 352px !important;
    max-width: 352px !important;
    flex-basis: 352px !important;
  }

  .site-header .brand-image-lockup .brand-logo-image {
    width: 340px !important;
    max-width: 340px !important;
    height: 112px !important;
    max-height: 112px !important;
  }

  .site-header > .top-nav {
    gap: clamp(18px, 1.65vw, 32px) !important;
  }

  .site-header .header-lang-shell {
    width: 74px !important;
    min-width: 74px !important;
    flex-basis: 74px !important;
  }

  .site-header .header-currency-shell {
    width: 88px !important;
    min-width: 88px !important;
    flex-basis: 88px !important;
  }

  .site-header .header-select-shell::before {
    left: 18px !important;
    max-width: calc(100% - 39px) !important;
  }
}

body.aleo-header-scrolled .site-header > .brand.brand-image-lockup {
  min-width: 222px !important;
  width: 222px !important;
  max-width: 222px !important;
  flex-basis: 222px !important;
}

body.aleo-header-scrolled .site-header .brand-image-lockup .brand-logo-image {
  width: 214px !important;
  max-width: 214px !important;
  height: 72px !important;
  max-height: 72px !important;
}

@media (max-width: 980px) {
  .site-header {
    grid-template-columns: minmax(156px, 1fr) auto !important;
    gap: 8px !important;
    padding-inline: 14px !important;
  }

  .site-header > .mobile-menu-trigger {
    display: none !important;
  }

  .site-header > .brand.brand-image-lockup {
    grid-column: 1 !important;
    justify-self: start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .site-header .brand-image-lockup .brand-logo-image {
    width: min(184px, 100%) !important;
    max-width: min(184px, 100%) !important;
    height: 60px !important;
    max-height: 60px !important;
    object-position: left center !important;
  }

  .site-header > .header-actions {
    grid-column: 2 !important;
    width: auto !important;
    gap: 6px !important;
  }

  .site-header .account-header-action {
    display: none !important;
  }

  .site-header .header-lang-shell {
    width: 50px !important;
    min-width: 50px !important;
    flex-basis: 50px !important;
  }

  .site-header .header-currency-shell {
    width: 58px !important;
    min-width: 58px !important;
    flex-basis: 58px !important;
  }
}

@media (min-width: 981px) {
  #site-header.site-header {
    padding-left: 42px !important;
    gap: 18px !important;
  }

  #site-header.site-header > .brand.brand-image-lockup {
    min-width: 352px !important;
    width: 352px !important;
    max-width: 352px !important;
    flex-basis: 352px !important;
  }

  #site-header.site-header .brand-image-lockup .brand-logo-image {
    width: 340px !important;
    max-width: 340px !important;
    height: 112px !important;
    max-height: 112px !important;
    object-position: left center !important;
  }

  #site-header.site-header .header-lang-shell {
    width: 74px !important;
    min-width: 74px !important;
    flex-basis: 74px !important;
  }

  #site-header.site-header .header-currency-shell {
    width: 88px !important;
    min-width: 88px !important;
    flex-basis: 88px !important;
  }
}

@media (max-width: 980px) {
  #site-header.site-header {
    grid-template-columns: minmax(170px, 1fr) auto !important;
    gap: 8px !important;
    padding-inline: 12px !important;
  }

  #site-header.site-header > .mobile-menu-trigger {
    display: none !important;
  }

  #site-header.site-header > .brand.brand-image-lockup {
    grid-column: 1 !important;
    justify-self: start !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  #site-header.site-header .brand-image-lockup .brand-logo-image {
    width: min(176px, 100%) !important;
    max-width: min(176px, 100%) !important;
    height: 62px !important;
    max-height: 62px !important;
    object-position: left center !important;
  }

  #site-header.site-header > .header-actions {
    grid-column: 2 !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 5px !important;
  }

  #site-header.site-header .header-lang-shell {
    width: 48px !important;
    min-width: 48px !important;
    flex-basis: 48px !important;
  }

  #site-header.site-header .header-currency-shell {
    width: 56px !important;
    min-width: 56px !important;
    flex-basis: 56px !important;
  }

  #site-header.site-header .mobile-notification-action {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    flex-basis: 36px !important;
  }

  #site-header.site-header .account-header-action {
    display: none !important;
  }
}