/*
 * program.css — Academic Programs page
 * Extends the Kinez theme (main.css) for program-specific elements.
 * Colors: #004aad (blue) | rgb(96,14,228) (purple) | #E8F0FE (light bg)
 *         rgb(0,2,41) (near-black text) | #4A4A50 (body text)
 */

/* ── Fix the green fallback — school primary = blue ────────── */
:root {
    --color-p1: #004aad;
}

/* ── Department info bar ───────────────────────────────────── */
/* Replaces the out-of-theme warm-orange (#fff8ee / #ffb347) bar */
.dept-info-bar {
    background: #E8F0FE;
    border-left: 4px solid #004aad;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 1.5rem;
}
.dept-info-bar i {
    color: #004aad;
}
.dept-info-bar strong {
    color: rgb(0, 2, 41);
}

/* ── Program card — body text & price ─────────────────────── */
.program-card-desc {
    font-size: .92rem;
    color: #4A4A50;
    line-height: 1.6;
    margin-bottom: .75rem;
}

.program-price {
    color: #004aad;
    font-size: 1.1rem;
    font-weight: 700;
    font-family: "Baloo 2", sans-serif;
}

/* ── Fee schedule section ──────────────────────────────────── */
/* Replaces the generic Bootstrap gray (#f8f9fa) */
.fee-schedule-section {
    background: #E8F0FE !important;
}

/* ── Age requirements card ─────────────────────────────────── */
/* Replaces the out-of-theme warm-orange (#fff8ee / #ffe0a0) card */
.age-req-card {
    background: #E8F0FE;
    border: 2px solid rgba(0, 74, 173, 0.2);
}
.age-req-card h5 i {
    color: rgb(96, 14, 228);
}
.age-req-card .table td {
    background: transparent;
}
.age-req-card hr {
    border-color: rgba(0, 74, 173, 0.15);
    opacity: 1;
}

/* ── Contact prompt card ───────────────────────────────────── */
/* Replaces the off-theme #f0f7ff / green-border card */
.contact-prompt-card {
    background: #fff;
    border-left: 4px solid rgb(96, 14, 228);
    box-shadow: 0 4px 24px rgba(96, 14, 228, 0.08);
}
.contact-prompt-card h5 i {
    color: rgb(96, 14, 228);
}
.contact-prompt-card .contact-prompt-desc {
    font-size: .92rem;
    color: #4A4A50;
}

/* ── Enrollment requirement list ───────────────────────────── */
.req-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
}
.req-item-desc {
    font-size: .9rem;
}