/**
 * Empty State Component
 * Used by: videoA1.php, error pages (400, 403, 404, 500, 503)
 *
 * Provides consistent styling for "not found" and error states
 *
 * BSAPP-502 Phase 4a
 */

.empty-state {
    text-align: center;
    padding: 60px 20px;
    color: var(--text-secondary);
}

.empty-state i {
    font-size: 4rem;
    margin-bottom: 20px;
    opacity: 0.5;
}

.empty-state h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: var(--text-primary);
}

.empty-state p {
    margin-bottom: 20px;
}

.empty-state .btn {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    padding: 10px 20px;
    border-radius: 25px;
}

.empty-state .btn:hover {
    background-color: #b02a37;
    border-color: #b02a37;
}