/**
 * AKBAR KHAN TRUST
 * Global Alert Component
 * File: /public_html/assets/css/components/alerts.css
 */

.alert {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;

    width: 100%;
    padding: 0.875rem 1rem;

    border: 1px solid transparent;
    border-radius: 0.5rem;

    font-size: 0.9375rem;
    line-height: 1.5;
}

.alert-icon {
    flex: 0 0 auto;
    font-size: 1.25rem;
    line-height: 1;
}

.alert-content {
    flex: 1 1 auto;
    min-width: 0;
}

.alert-title {
    margin: 0 0 0.25rem;
    font-weight: 700;
}

.alert-message {
    margin: 0;
}

.alert-close {
    flex: 0 0 auto;
    margin-left: auto;
    padding: 0.25rem;

    border: 0;
    background: transparent;

    cursor: pointer;
    opacity: 0.75;
}

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

.alert-success {
    color: var(--color-success, #166534);
    background: var(--color-success-bg, #f0fdf4);
    border-color: var(--color-success-border, #bbf7d0);
}

.alert-danger {
    color: var(--color-danger, #991b1b);
    background: var(--color-danger-bg, #fef2f2);
    border-color: var(--color-danger-border, #fecaca);
}

.alert-warning {
    color: var(--color-warning, #92400e);
    background: var(--color-warning-bg, #fffbeb);
    border-color: var(--color-warning-border, #fde68a);
}

.alert-info {
    color: var(--color-info, #075985);
    background: var(--color-info-bg, #f0f9ff);
    border-color: var(--color-info-border, #bae6fd);
}