/* ═══════════════════════════════════════════════════════════════
   alerts.css  –  Shared alert / flash-message styles
   Included by: kursplan.html, pricing.html, contact.html
═══════════════════════════════════════════════════════════════ */

/* Wrapper that adds top padding around alert divs */
.alert-wrap {
    padding: var(--space-4) var(--space-6) 0;
}

/* ── Success ──────────────────────────────────────────────── */
.alert-success {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #166534;
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    font-weight: 500;
    margin-bottom: var(--space-2);
}

/* ── Error ────────────────────────────────────────────────── */
.alert-error {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #991b1b;
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    font-weight: 500;
    margin-bottom: var(--space-2);
}