/* =========================================
   CLASS 10TH SPECIFIC STYLES
   ========================================= */

/* 1. SUBJECT ICONS */

/* Math - Red */
.fa-calculator {
    color: #ef4444;
    background: #fee2e2;
    padding: 10px;
    border-radius: 50%;
    margin-right: 8px;
    font-size: 1.1rem;
}

/* Science - Green */
.fa-flask {
    color: #10b981;
    background: #d1fae5;
    padding: 10px;
    border-radius: 50%;
    margin-right: 8px;
    font-size: 1.1rem;
}

/* Social Science - Indigo */
.fa-landmark {
    color: #4f46e5;
    background: #eef2ff;
    padding: 10px;
    border-radius: 50%;
    margin-right: 8px;
    font-size: 1.1rem;
}

/* English - Amber */
.fa-book-open {
    color: #f59e0b;
    background: #fef3c7;
    padding: 10px;
    border-radius: 50%;
    margin-right: 8px;
    font-size: 1.1rem;
}

/* 2. CARD HOVER (Premium Feel) */
.class-card {
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.class-card:hover {
    transform: translateY(-5px);
    border-color: var(--primary);
    box-shadow: 0 10px 20px rgba(79, 70, 229, 0.1); /* Blue-ish shadow for Class 10 */
}

/* 3. COMING SOON */
.btn-secondary {
    opacity: 0.7;
    font-size: 0.9rem;
}