/* ========================================
   HEADER LAYOUT
======================================== */

#ad-fw-header-section {
  display: flex;
  justify-content: center;
}

#ad-fw-header-section .et_pb_module.et_pb_quadmenu {
  width: 1140px;
  max-width: 1140px;
}

#ad-fw-header-section .et_pb_fullwidth_menu {
  width: 100% !important;
}

#ad-currency-converter {
  align-content: center;
  margin: 0 0 0 0.5rem;
}


/* ========================================
   STICKY HEADER
======================================== */

header.et-l .et_builder_inner_content {
  box-shadow: none !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

header.et-l .et_builder_inner_content.has_et_pb_sticky {
  box-shadow: var(--shadow-card) !important;
}

header.et-l .et_builder_inner_content.has_et_pb_sticky .quadmenu-navbar-brand > img {
  transform: scale(0.8);
}

header.et-l .et_builder_inner_content.has_et_pb_sticky #ad-fw-header-section {
  box-shadow: var(--shadow-card) !important;
}


/* ========================================
   QUADMENU BUTTON NORMALISATION
======================================== */

#quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav > li.quadmenu-item-type-button > a > .quadmenu-item-content,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item-type-button > a:hover > .quadmenu-item-content {
  color: unset !important;
  background-color: unset !important;
}

#quadmenu.quadmenu-custom_theme_1 .ad-button .quadmenu-item-content {
  padding: 0 !important;
}

.ad-button a {
  font-weight: 600 !important;
  border-radius: 15px !important;
  border: solid 2px !important;
  padding: 1.1rem 8px !important;
}


/* ========================================
   HEADER BUTTON STYLES
======================================== */

.ad-button-primary-blue a {
  background: var(--color-primary) !important;
  border: solid 2px var(--color-primary) !important;
  color: var(--color-white) !important;
}

.ad-button-primary-blue a:hover,
.ad-button-primary-blue a:active {
  background: var(--color-primary-dark) !important;
  border: solid 2px var(--color-primary-dark) !important;
  color: var(--color-white) !important;
}

.ad-button-primary-grey a {
  border: solid 2px transparent !important;
}

.ad-button-primary-grey a:hover,
.ad-button-primary-grey a:active {
  background: var(--color-surface-alt) !important;
  border: solid 2px var(--color-surface-alt) !important;
}

.ad-button-secondary-blue a {
  background: var(--color-white) !important;
  border: solid 2px var(--color-primary) !important;
  color: var(--color-primary) !important;
}

.ad-button-secondary-blue a:hover,
.ad-button-secondary-blue a:active {
  background: var(--color-surface-soft) !important;
  border: solid 2px var(--color-primary-dark) !important;
  color: var(--color-primary-dark) !important;
}


/* ========================================
   MOBILE HEADER / OFFCANVAS MENU
======================================== */

@media (max-width: 768px) {
  li.quadmenu-item-object-login .quadmenu-dropdown-menu {
    border: none !important;
    padding: 0 0 1.5rem 0 !important;
  }

  #quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item > a > .quadmenu-item-content > .quadmenu-caret {
    width: 12px !important;
    height: 12px !important;
    padding: 0 !important;
  }

  #quadmenu .quadmenu-navbar-nav li.ad-currency-menu-item {
    overflow: visible;
  }

  #quadmenu .quadmenu-navbar-nav li.ad-currency-menu-item .selectron23-container,
  #quadmenu .quadmenu-navbar-nav li.ad-currency-menu-item .selectron23-container .selectron23-option {
    background-color: var(--color-white) !important;
  }

  #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link {
    padding-left: 30px;
    padding-right: 30px;
  }

  #quadmenu .quadmenu-navbar-nav li.quadmenu-item-type-button a {
    height: 40px !important;
  }

  #quadmenu .quadmenu-navbar-header.canvas-sliding {
    transform: none !important;
    transition: none !important;
  }

  #quadmenu:not(.quadmenu-is-horizontal).js .quadmenu-navbar-toggle {
    z-index: 10011;
  }

  #quadmenu .quadmenu-navbar-toggle .icon-bar-top,
  #quadmenu .quadmenu-navbar-toggle .icon-bar-middle,
  #quadmenu .quadmenu-navbar-toggle .icon-bar-bottom {
    height: 3px;
    border-radius: 10px;
  }

  #quadmenu .quadmenu-navbar-toggle .icon-bar-container {
    width: 24px;
    height: 24px;
  }

  #quadmenu.quadmenu-custom_theme_1 #quadmenu_2 .quadmenu-navbar-brand.img,
  #quadmenu.quadmenu-custom_theme_1 #quadmenu_3 .quadmenu-navbar-brand.img {
    display: none;
    padding: 0;
  }

  #quadmenu.quadmenu-custom_theme_1:not(.quadmenu-is-horizontal) .navbar-offcanvas {
    background: var(--color-white);
  }

  #quadmenu .quadmenu-navbar-nav {
    padding-top: 4rem;
  }

  #quadmenu.quadmenu-custom_theme_1:not(.quadmenu-is-horizontal)
    .quadmenu-navbar-nav > li.quadmenu-item:first-child:not(.open):not(:last-child):not(:only-child) > a {
    border-color: var(--color-border-soft);
    border-style: solid;
    border-width: 1px 0 1px 0;
  }

  #ad-currency-converter {
    display: flex;
    justify-content: center;
    margin: 0.5rem;
  }
}


/* ========================================
   DESKTOP HEADER
======================================== */

@media screen and (min-width: 768px) {
  #quadmenu .quadmenu-navbar-nav li.quadmenu-item-type-button {
    padding: 4px !important;
  }

  #quadmenu .quadmenu-navbar-nav li.quadmenu-item-type-button a {
    padding: 15px !important;
  }
}