/* ============================================
   WIBOC - Alerts & Notifications
   ============================================ */

.alert {
    padding: 15px 20px;
    border-radius: var(--wiboc-radius);
    margin-bottom: var(--wiboc-spacing-lg);
    font-weight: var(--wiboc-weight-medium);
    animation: slideDown 0.3s ease;
    position: relative;
}

@keyframes slideDown {
    from { transform: translateY(-10px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.alert-success {
    background: var(--wiboc-success-light);
    color: #155724;
    border: 1px solid #c3e6cb;
    border-left: 4px solid var(--wiboc-success);
}

.alert-error {
    background: var(--wiboc-danger-light);
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-left: 4px solid var(--wiboc-danger);
}

.alert-warning {
    background: var(--wiboc-warning-light);
    color: #856404;
    border: 1px solid #ffeaa7;
    border-left: 4px solid var(--wiboc-warning);
}

.alert-info {
    background: var(--wiboc-info-light);
    color: #0c5460;
    border: 1px solid #bee5eb;
    border-left: 4px solid var(--wiboc-info);
}

/* Info Box (Tips, Notes) */
.info-box {
    background: var(--wiboc-accent-light);
    padding: var(--wiboc-spacing-md);
    border-radius: var(--wiboc-radius);
    border-left: 4px solid var(--wiboc-accent);
    margin-bottom: var(--wiboc-spacing-lg);
    font-size: var(--wiboc-font-size-sm);
}

.info-box ul {
    margin: var(--wiboc-spacing-sm) 0 0 20px;
    list-style: disc;
}

.info-box li {
    margin-bottom: var(--wiboc-spacing-xs);
}

.info-box code {
    background: var(--wiboc-primary-light);
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.9em;
}

/* Privacy Notice */
.privacy-notice {
    background: var(--wiboc-success-light);
    border: 1px solid #c3e6cb;
    border-left: 4px solid var(--wiboc-success);
    padding: 15px 20px;
    border-radius: var(--wiboc-radius);
    margin: var(--wiboc-spacing-lg) 0;
    font-size: var(--wiboc-font-size-sm);
}

.privacy-notice strong {
    color: var(--wiboc-success);
}

.privacy-notice ul {
    margin: var(--wiboc-spacing-sm) 0 0 20px;
    list-style: none;
}

.privacy-notice li {
    margin-bottom: var(--wiboc-spacing-xs);
}

/* Warning Box */
.warning-box {
    background: var(--wiboc-warning-light);
    border: 1px solid #ffeaa7;
    padding: 15px;
    border-radius: var(--wiboc-radius);
    color: #856404;
    margin-bottom: var(--wiboc-spacing-md);
}

.warning-box a {
    color: var(--wiboc-primary);
    font-weight: var(--wiboc-weight-bold);
}