/* college_options.css — خيارات كلية اختبارات القبول */
:root {
    --adm-primary: #0EA5E9;
    --adm-dark:    #0369A1;
}

.page-header {
    background: linear-gradient(135deg, var(--adm-dark) 0%, var(--adm-primary) 60%, #38BDF8 100%);
    box-shadow: 0 20px 60px rgba(14,165,233,0.28);
}
.back-button:hover { border-color: var(--adm-primary); color: var(--adm-primary) !important; }

/* ======== Options Grid ======== */
.options-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 24px;
    margin-bottom: 50px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* ======== Option Card ======== */
.option-btn {
    background: white;
    color: #1F2937 !important;
    padding: 44px 22px 36px;
    border-radius: 20px;
    text-decoration: none !important;
    border: 1.5px solid #E5E7EB;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    transition: all 0.35s cubic-bezier(0.4,0,0.2,1);
    position: relative;
    overflow: hidden;
}

.option-btn::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    transition: height 0.3s ease;
}

.option-btn.c-sky::before    { background: linear-gradient(90deg, #0369A1, #0EA5E9); }
.option-btn.c-indigo::before { background: linear-gradient(90deg, #3730A3, #6366F1); }

.option-btn:hover { transform: translateY(-10px); box-shadow: 0 20px 45px rgba(14,165,233,0.12); }
.option-btn.c-sky:hover    { border-color: rgba(14,165,233,0.3); }
.option-btn.c-indigo:hover { border-color: rgba(99,102,241,0.3); }
.option-btn:hover::before  { height: 7px; }

.option-icon-wrap {
    width: 80px;
    height: 80px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.option-btn.c-sky    .option-icon-wrap { background: linear-gradient(135deg, #E0F2FE, #F0F9FF); color: #0EA5E9; }
.option-btn.c-indigo .option-icon-wrap { background: linear-gradient(135deg, #E0E7FF, #EEF2FF); color: #6366F1; }

.option-btn:hover .option-icon-wrap { transform: scale(1.1) rotate(-5deg); box-shadow: 0 8px 24px rgba(14,165,233,0.15); }

.option-label { font-weight: 800; font-size: 17px; text-align: center; line-height: 1.3; }
.option-desc  { font-size: 13px; color: #6B7280; text-align: center; margin: 0; }

.option-cta {
    font-size: 13px;
    font-weight: 700;
    opacity: 0;
    transform: translateY(4px);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 4px;
}
.option-btn.c-sky    .option-cta { color: #0EA5E9; }
.option-btn.c-indigo .option-cta { color: #6366F1; }
.option-btn:hover .option-cta { opacity: 1; transform: translateY(0); }