/**
 * @file
 * Site header.
 *
 * Extends the corresponding Olivero stylesheet.
 *
 * @see core/themes/olivero/css/components/site-header.css
 */

.site-header {
  position: sticky;
  top: var(--drupal-displace-offset-top, 0);
  background-color: var(--color--gray-100);
  border-block-end: 1px solid var(--color--gray-95);
}

body:has(.skip-link:focus-visible) .site-header {
  top: calc(var(--drupal-displace-offset-top, 0px) + 40px);
}

.site-header__inner {
  background: unset;
}

.site-header__inner__container {
  align-items: center;
}