/* Shared soft status surfaces for every V2 alert variant. */
:is(.alert, .v2-notification, .v2-auth-alert, .v2-payment-alert, .v2-cart-alert, .v2-pariwisata-reserve-alert, .v2-kapal-alert, .v2-hw-checkout-alert, .v2-profile-alert, .v2-trip-auth__alert) {
    border-width: 1px;
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(48, 72, 109, .06);
}

:is(.alert-danger, .v2-notification--error, .v2-auth-alert.is-error, .v2-payment-alert, .v2-cart-alert.is-error, .v2-pariwisata-reserve-alert.is-error, .v2-kapal-alert:not(.is-success), .v2-hw-checkout-alert, .v2-profile-alert.is-error, .v2-trip-auth__alert) {
    border-color: #f1d5d8;
    background: linear-gradient(135deg, #fff0f1 0%, #fde9eb 100%);
    color: #a84d58;
}

:is(.alert-success, .v2-notification--success, .v2-auth-alert.is-success, .v2-cart-alert.is-success, .v2-pariwisata-reserve-alert.is-success, .v2-kapal-alert.is-success, .v2-profile-alert.is-success) {
    border-color: #cee8d9;
    background: linear-gradient(135deg, #eaf8ef 0%, #def3e6 100%);
    color: #287a54;
}

:is(.alert-warning, .v2-notification--warning, .v2-cart-alert.is-warning, .v2-pariwisata-reserve-alert.is-warning) {
    border-color: #f0dfb7;
    background: linear-gradient(135deg, #fff7df 0%, #fff0ca 100%);
    color: #936e1b;
}

:is(.alert-info, .v2-notification--info, .v2-cart-alert.is-info, .v2-pariwisata-reserve-alert.is-info) {
    border-color: #d2e1f4;
    background: linear-gradient(135deg, #ebf4ff 0%, #e0edfc 100%);
    color: #3f669e;
}

.v2-notification--success .v2-notification__icon { background: rgba(255, 255, 255, .5); color: #287a54; }
.v2-notification--warning .v2-notification__icon { background: rgba(255, 255, 255, .5); color: #936e1b; }
.v2-notification--error .v2-notification__icon { background: rgba(255, 255, 255, .5); color: #a84d58; }
.v2-notification--info .v2-notification__icon { background: rgba(255, 255, 255, .5); color: #3f669e; }

:is(.alert, .v2-auth-alert, .v2-payment-alert, .v2-cart-alert, .v2-pariwisata-reserve-alert, .v2-kapal-alert, .v2-hw-checkout-alert, .v2-profile-alert, .v2-trip-auth__alert) :is(strong, b) {
    color: currentColor;
    font-weight: 650;
}

.alert .btn-close {
    opacity: .58;
}

.alert .btn-close:hover {
    opacity: 1;
}