/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */

@use "../../common/print-exact" as *;

.ams-alert {
  background-color: var(--ams-alert-background-color);
  border-color: var(--ams-alert-border-color);
  border-style: var(--ams-alert-border-style);
  border-width: var(--ams-alert-border-width);
  display: flex;
}

.ams-alert__severity-indicator {
  background-color: var(--ams-alert-severity-indicator-background-color);
  border-inline-end: inherit;
  flex: none;
  padding-block: var(--ams-alert-severity-indicator-padding-block);
  padding-inline: var(--ams-alert-severity-indicator-padding-inline);

  @include print-exact;
}

.ams-alert__content {
  display: flex;
  flex: auto;
  flex-direction: column;
  gap: var(--ams-alert-content-gap);
  padding-block: var(--ams-alert-content-padding-block);
  padding-inline: var(--ams-alert-content-padding-inline);
}

.ams-alert--error {
  border-color: var(--ams-alert-error-border-color);

  > .ams-alert__severity-indicator {
    background-color: var(--ams-alert-error-severity-indicator-background-color);
  }
}

.ams-alert--success {
  border-color: var(--ams-alert-success-border-color);

  > .ams-alert__severity-indicator {
    background-color: var(--ams-alert-success-severity-indicator-background-color);
  }
}

.ams-alert--warning {
  border-color: var(--ams-alert-warning-border-color);

  > .ams-alert__severity-indicator {
    background-color: var(--ams-alert-warning-severity-indicator-background-color);
  }
}