/* =========================================
   CLASS 9TH SPECIFIC STYLES
   This file overrides or adds to the main style.css
   ========================================= */

/* 1. SUBJECT ICONS (Color Coding)
   This makes it easy for students to find subjects visually.
*/

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

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

/* Social Science - Blue */
.fa-globe {
    color: #3b82f6;
    background: #dbeafe;
    padding: 10px;
    border-radius: 50%;
    margin-right: 8px;
    font-size: 1.1rem;
}

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

/* 2. CARD HOVER TWEAK
   Make subject cards pop a bit more than standard cards 
*/
.class-card {
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.class-card:hover {
    transform: translateY(-5px);
    border-color: var(--primary); /* Uses variable from main CSS */
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

/* 3. COMING SOON BUTTON
   Greyed out button for unfinished subjects
*/
.btn-secondary {
    opacity: 0.7;
    font-size: 0.9rem;
}