@use "./header.common";
@use "../../themes/ionic/ionic.globals.scss" as globals;

// Ionic Header
// --------------------------------------------------

ion-header {
  box-shadow: #{globals.$ion-elevation-2};
  z-index: 10; // TODO(ROU-10853): replace this value with a layer token.

  &.header-divider {
    border-bottom: globals.$ion-border-size-025 globals.$ion-border-style-solid globals.$ion-primitives-neutral-300;
  }
}

ion-toolbar + ion-toolbar {
  --padding-start: #{globals.$ion-space-400};
  --padding-end: #{globals.$ion-space-400};
}