/* Custom styles for SEO Health Check */

/* Score card gradient backgrounds */
.score-card-excellent {
    background: linear-gradient(135deg, #065f46 0%, #064e3b 100%);
}
.score-card-good {
    background: linear-gradient(135deg, #1e40af 0%, #1e3a5f 100%);
}
.score-card-warning {
    background: linear-gradient(135deg, #92400e 0%, #78350f 100%);
}
.score-card-error {
    background: linear-gradient(135deg, #991b1b 0%, #7f1d1d 100%);
}

/* Severity badge colors */
.badge-error { background-color: #dc2626; color: #fff; }
.badge-warning { background-color: #d97706; color: #fff; }
.badge-notice { background-color: #2563eb; color: #fff; }

/* Table striped rows for dark theme */
.table-dark-striped tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.03);
}

/* Progress bar animation */
.progress-bar {
    transition: width 0.6s ease;
}

/* Fade-in animation */
.fade-in {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}