@import "./card-header.common";
@import "../../themes/native/native.globals";
@import "./card-header.ios.vars";

// iOS Card Header
// --------------------------------------------------

:host {
  @include padding(
    $card-ios-header-padding-top,
    $card-ios-header-padding-end,
    $card-ios-header-padding-bottom,
    $card-ios-header-padding-start
  );

  flex-direction: column-reverse;
}

@supports (backdrop-filter: blur(0)) {
  :host(.card-header-translucent) {
    background-color: $card-ios-header-translucent-background-color;
    backdrop-filter: $card-ios-header-translucent-filter;
  }
}