/* Notifikasi */
/* Toast Container */
.toast-container {
    z-index: 9999;
    transition: transform 0.3s ease;
}

/* Toast Main Style */
.toast {
    border-radius: 12px !important;
    /* Consistent radius for all sides */
    overflow: hidden;
    /* Ensures child elements respect the radius */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Header - Pink */
.toast-header {
    background-color: #ff66b2 !important;
    color: white !important;
    padding: 12px 16px;
    border: none !important;
    /* Remove default border */
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

/* Body - Light */
.toast-body {
    background-color: #fff0f5 !important;
    color: #333;
    padding: 16px;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

/* Close Button */
.toast-header .btn-close {
    filter: brightness(0) invert(1);
    opacity: 0.8;
    transition: all 0.2s;
    margin-left: 12px !important;
}

.toast-header .btn-close:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* Success Variant */
.toast-success .toast-header {
    background-color: #ff66b2 !important;
}

.toast-success .toast-body {
    background-color: #f8f9fa !important;
}

/* Error Variant */
.toast-error .toast-header {
    background-color: #ff3385 !important;
}

.toast-error .toast-body {
    background-color: #fff0f5 !important;
}

/* Position Styles */
.toast-top {
    top: 20px;
    bottom: auto !important;
}

.toast-bottom {
    bottom: 20px;
    top: auto !important;
}