/* 
 * DO NOT EDIT THIS FILE.
 * The Airbus Web Experience use PostCSS to compile CSS
 * the same way as in the Drupal core except it use the .pcss extension.
 * Therefore, you are supposed to edit the pcss file of the same name.
 */

.awx-page-header-group{
  --height-transition-duration:200ms;

  position:sticky;
  z-index:99;
  top:0;
  display:block;
  height:var(--awx-header-height);
  will-change:top, height;
  transition:top 250ms, height 200ms ease-in-out, background-color 150ms;
  transition:top 250ms, height var(--height-transition-duration) ease-in-out, background-color 150ms;
  color:var(--awx-white);
  border-bottom:1px solid var(--awx-color-light-line);
  background-color:var(--awx-color-dominant);
}

.has-overlay-header:not(.glb-body) .awx-page-header-group{
  margin-bottom:calc(var(--awx-header-height-start)*-1);
}

:not(.is-scrolling) .has-overlay-header:not(.glb-body) .awx-page-header-group{
  background-color:transparent;
}

.node-preview:not(.preview-full) .awx-page-header-group{
  margin-bottom:0 !important;
  background-color:var(--awx-color-dominant) !important;
}

.awx-page-header-group::before{
  position:absolute;
  z-index:-1;
  content:"";
  transition:opacity 200ms ease-out;
  opacity:0;
  background-color:var(--awx-color-dominant);
  backdrop-filter:blur(10px);
  top:0;
  right:0;
  bottom:0;
  left:0;
}

.awx-page-header-group:hover::before{
  opacity:0.35;
}

.awx-page-header-group-inner{
  display:flex;
  height:var(--awx-header-height);
  will-change:height;
  transition:height var(--height-transition-duration) ease-in-out;
}

.awx-page-header-group-inner > .awx-menu-drawer-toggler{
  flex-shrink:0;
  order:-1;
  width:4.4rem;
  height:var(--awx-header-height);
  transition:height var(--height-transition-duration) ease-in-out;
}

.awx-page-header-group .awx-search{
  display:none;
}

body:not(.multilingual) .awx-page-header-group .awx-language-switcher{
  display:none !important;
}

.awx-page-header-group .awx-language-switcher{
  position:relative;
  width:var(--awx-sp-h6);
  min-width:var(--awx-sp-h6);
  height:calc(var(--awx-header-height) - 1px);
  transition:height var(--height-transition-duration) ease-in-out;
}

.awx-page-header-group .awx-language-switcher .awx-icon--expand-more{
    margin-right:var(--awx-sp-h2);
  }

.awx-page-header-group .awx-language-switcher .language-link{
    padding-top:0;
    padding-bottom:0;
    transition:height var(--height-transition-duration) ease-in-out;
  }

.awx-page-header-group .awx-language-switcher .language-link.is-active::after{
    height:calc(var(--awx-header-height) - 1px);
    padding-top:0;
    padding-bottom:0;
    transition:height var(--height-transition-duration) ease-in-out;
  }

.awx-page-header-group .awx-language-switcher .awx-dropdown__item.is-active{
    height:calc(var(--awx-header-height) - 1px);
    padding-top:0;
    padding-bottom:0;
    transition:height var(--height-transition-duration) ease-in-out;
  }

.awx-page-header-group .awx-language-switcher .awx-dropdown-state:checked ~ .awx-dropdown__list .awx-dropdown__item > .is-active,
.awx-page-header-group .awx-language-switcher .awx-dropdown-state:target ~ .awx-dropdown__list .awx-dropdown__item > .is-active,
.awx-page-header-group .awx-language-switcher .awx-dropdown-toggler__label{
  border-width:0;
  border-radius:0;
}

.awx-page-header-group .awx-language-switcher .awx-dropdown-state:checked ~ .awx-dropdown__list .awx-dropdown__item > .is-active,
.awx-page-header-group .awx-language-switcher .awx-dropdown-state:target ~ .awx-dropdown__list .awx-dropdown__item > .is-active{
  border-bottom:1px solid var(--awx-color-light-line);
}

.awx-page-header-group .awx-language-switcher .awx-dropdown{
  --dropdown-height:calc(var(--awx-header-height) - 1px);
  --dropdown-width:auto;

  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:auto;
  border-radius:0;
  background-color:transparent !important;
}

.awx-page-header-group .awx-language-switcher .awx-dropdown__list{
  height:var(--dropdown-height);
  transition:height var(--height-transition-duration) ease-in-out;
  border-radius:0;
  line-height:var(--dropdown-height);
}

.awx-page-header-group .awx-language-switcher .awx-dropdown__list:not(.toggle-checked){
    background-color:var(--awx-color-dominant-transparent);
  }

.awx-page-header-group .awx-language-switcher .awx-dropdown__list.toggle-checked{
    height:auto;
  }

.awx-page-header-group-inner > .awx-menu-drawer-toggler a,
.awx-page-header-group .awx-search-toggler__button{
  color:var(--awx-white);
}

.awx-page-header-group-inner > .awx-menu-drawer-toggler .awx-menu-drawer-toggler__label,
.awx-page-header-group .awx-menu-secondary .awx-menu-list__link:not(.awx-button),
.awx-page-header-group .awx-search-toggler__label,
.awx-page-header-group .awx-language-switcher .awx-dropdown-toggler__label{
  color:var(--awx-white);
  background-color:var(--awx-color-dominant-transparent);
}

.awx-page-header-group-inner > .awx-menu-drawer-toggler .awx-menu-drawer-toggler__label:not(.does-not-exist)::before{
    position:absolute;
    z-index:1;
    top:auto;
    right:100%;
    bottom:0;
    left:0;
    height:2px;
    content:"";
    transition:right 350ms ease-out;
    background-color:var(--awx-white);
  }

.awx-page-header-group .awx-menu-secondary .awx-menu-list__link:not(.awx-button)::before{
    position:absolute;
    z-index:1;
    top:auto;
    right:100%;
    bottom:0;
    left:0;
    height:2px;
    content:"";
    transition:right 350ms ease-out;
    background-color:var(--awx-white);
  }

.awx-page-header-group .awx-search-toggler__label:not(.does-not-exist):not(.does-not-exist)::before{
    position:absolute;
    z-index:1;
    top:auto;
    right:100%;
    bottom:0;
    left:0;
    height:2px;
    content:"";
    transition:right 350ms ease-out;
    background-color:var(--awx-white);
  }

.awx-page-header-group .awx-language-switcher .awx-dropdown-toggler__label:not(.does-not-exist)::before{
    position:absolute;
    z-index:1;
    top:auto;
    right:100%;
    bottom:0;
    left:0;
    height:2px;
    content:"";
    transition:right 350ms ease-out;
    background-color:var(--awx-white);
  }

.awx-page-header-group-inner > .awx-menu-drawer-toggler .awx-menu-drawer-toggler__label[target="_blank"]:not(.does-not-exist)::after{
    top:0.02em;
    opacity:0.75;
    filter:none;
  }

.awx-page-header-group .awx-menu-secondary .awx-menu-list__link[target="_blank"]:not(.awx-button)::after{
    top:0.02em;
    opacity:0.75;
    filter:none;
  }

.awx-page-header-group .awx-search-toggler__label[target="_blank"]:not(.does-not-exist):not(.does-not-exist)::after{
    top:0.02em;
    opacity:0.75;
    filter:none;
  }

.awx-page-header-group .awx-language-switcher .awx-dropdown-toggler__label[target="_blank"]:not(.does-not-exist)::after{
    top:0.02em;
    opacity:0.75;
    filter:none;
  }

.awx-page-header-group-inner > .awx-menu-drawer-toggler .awx-menu-drawer-toggler__label:hover,
.awx-page-header-group-inner > .awx-menu-drawer-toggler .awx-menu-drawer-toggler__label:active,
.awx-page-header-group .awx-menu-secondary .awx-menu-list__link:not(.awx-button):hover,
.awx-page-header-group .awx-menu-secondary .awx-menu-list__link:not(.awx-button):active,
.awx-page-header-group .awx-menu-secondary .awx-menu-list__link:not(.awx-button).is-active,
.awx-page-header-group .awx-search-toggler__label:hover,
.awx-page-header-group .awx-search-toggler__label:active,
.awx-page-header-group .awx-language-switcher .awx-dropdown-toggler__label:hover,
.awx-page-header-group .awx-language-switcher .awx-dropdown-toggler__label:active{
  background-color:var(--awx-color-dominant-transparent);
}

.awx-page-header-group-inner > .awx-menu-drawer-toggler .awx-menu-drawer-toggler__label:hover:not(.does-not-exist)::before{
    right:0;
  }

.awx-page-header-group-inner > .awx-menu-drawer-toggler .awx-menu-drawer-toggler__label:active:not(.does-not-exist)::before{
    right:0;
  }

.awx-page-header-group .awx-menu-secondary .awx-menu-list__link:not(.awx-button):hover::before{
    right:0;
  }

.awx-page-header-group .awx-menu-secondary .awx-menu-list__link:not(.awx-button):active::before{
    right:0;
  }

.awx-page-header-group .awx-menu-secondary .awx-menu-list__link.is-active:not(.awx-button)::before{
    right:0;
  }

.awx-page-header-group .awx-search-toggler__label:hover:not(.does-not-exist):not(.does-not-exist)::before{
    right:0;
  }

.awx-page-header-group .awx-search-toggler__label:active:not(.does-not-exist):not(.does-not-exist)::before{
    right:0;
  }

.awx-page-header-group .awx-language-switcher .awx-dropdown-toggler__label:hover:not(.does-not-exist)::before{
    right:0;
  }

.awx-page-header-group .awx-language-switcher .awx-dropdown-toggler__label:active:not(.does-not-exist)::before{
    right:0;
  }

.awx-page-header-group .awx-dropdown-state:checked ~ .awx-dropdown__list .awx-dropdown__item > *{
  border-right-width:0;
}

.awx-page-header-group .awx-dropdown-state:checked ~ .awx-dropdown__list .awx-dropdown__item > .is-active,
.awx-page-header-group .awx-dropdown-state:target ~ .awx-dropdown__list .awx-dropdown__item > .is-active{
  border-top-width:0;
  border-right-width:0;
  border-bottom:1px solid var(--awx-color-light-line);
  border-left-width:0;
  background-color:var(--awx-color-accent) !important;
}

.awx-page-header{
  position:relative;
  left:var(--awx-body-padding-h-lg);
  display:flex;
  flex:1 1 auto;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-start;
  height:var(--awx-header-height);
  transition:height var(--height-transition-duration) ease-in-out;
  gap:var(--awx-sp-h);
}

.awx-page-header-group.has-primary-menu .awx-page-header{
    left:0 !important;
  }

@media (min-width: 64em){
  .awx-page-header-group-inner > .awx-menu-drawer-toggler,
  .awx-page-header-group .awx-search{
    display:block;
    width:100%;
    min-width:130px;
    max-width:200px;
    height:var(--awx-header-height);
    transition:height var(--height-transition-duration) ease-in-out;
  }

  .awx-page-header{
    flex:1 1 auto;
    min-width:190px;
    padding:0 var(--awx-sp-h);
    border-left:1px solid var(--awx-color-light-line);
  }
  .awx-page-header-group .awx-menu-secondary .awx-menu-list{
    height:var(--awx-header-height);
    transition:height var(--height-transition-duration) ease-in-out;
  }
  .awx-page-header-group .awx-search{
    border-left:1px solid var(--awx-color-light-line);
  }

  .awx-page-header-group .awx-search-toggler{
    display:block;
    width:200px;
    height:var(--awx-header-height);
    transition:height var(--height-transition-duration) ease-in-out;
  }

  .multilingual .awx-page-header-group .awx-search,
  .multilingual .awx-page-header-group .awx-search-toggler{
    width:auto;
  }
  .awx-page-header-group .awx-language-switcher{
    width:100%;
    max-width:200px;
  }

  .awx-page-header-group .awx-language-switcher .awx-dropdown__list{
    width:100%;
    max-width:200px;
  }

  .awx-page-header-group .awx-language-switcher .awx-dropdown-toggler__label .awx-icon{
    margin-right:calc(var(--awx-sp-h3)*2 + var(--awx-sp-h0-5));
  }

  .awx-page-header-group .awx-dropdown__item.is-active{
    border-left:1px solid var(--awx-color-light-line);
  }

    .awx-page-header-group .awx-dropdown__item.is-active .is-active{
      height:calc(var(--dropdown-height) + 1);
    }
}

@media (min-width: 80em){
  .awx-page-header ~ .awx-menu-secondary{
    flex:0 1 auto;
  }

  .multilingual .awx-page-header{
    flex:1 1 auto;
  }
}
