@import '../../_coreStyles.scss';
$message-card-button-height: $spacing-32;
$top-bottom-padding: $spacing-16;

// .bolt-card necessary to override default padding
.bolt-messagecard.bolt-card {
    padding: 0px;
}

.bolt-messagecard-content {
    padding: $top-bottom-padding $spacing-20 $top-bottom-padding $spacing-12;

    border-radius: 4px;

    &.severity-info {
        background-color: $white;
    }

    &.severity-success {
        background-color: $status-success-background;
    }

    &.severity-warning {
        background-color: $status-warning-background;
    }

    &.severity-error {
        background-color: $status-error-background;
    }
}

.bolt-messagecard-icon {
    margin-left: $spacing-8;
    margin-right: $spacing-16;
    font-size: $fontSizeML;

    .severity-info & {
        color: $status-info-foreground;
    }

    .severity-warning & {
        color: $status-warning-foreground;
    }

    .severity-error & {
        color: $status-error-foreground;
    }
}

.bolt-messagecard-message {
    min-height: $message-card-button-height;
    align-items: center;

    font-size: $fontSizeM;

    &:not(:last-child) {
        margin-right: 90px;
    }
}

.bolt-messagecard-buttons {
    margin-left: auto;
    align-items: center;
    align-self: stretch;

    .bolt-button:not(:last-child) {
        margin-right: $spacing-8;
    }
}

// .icon-only necessary to override size props
.bolt-messagecard-close-button.bolt-button.icon-only {
    font-size: $fontSizeML;
    width: $message-card-button-height;
    height: 32px;
    padding: 0px;
    border: 0;

    margin-right: -4px;
}