/* /programlar/{yl|dr} (Views/Bolumler/Programlar.cshtml), /bolumler/liste/{enstitü}/{yl|dr} (Views/Bolumler/Liste.cshtml),
   /bolumler/list/{fakülte} (Views/Bolumler/List.cshtml),
   /fakulte_list/{tür} (Views/Fakulte/List.cshtml) ve /menu/programlar77-78-79 (Views/Menu/Detay.cshtml) sayfaları */
.program-sayfa {
    --program-renk: var(--etu-blue, #1f4fa3);
    --program-renk-acik: #e8eef8;
}
.program-sayfa.program-dr,
.program-sayfa .program-dr {
    --program-renk: #6b3fa0;
    --program-renk-acik: #f1ebf8;
}
.program-enstitu {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding-bottom: .5rem;
    border-bottom: 2px solid var(--program-renk-acik);
}
.program-enstitu a {
    color: var(--text-main, #2b2b2b);
    text-decoration: none;
}
.program-enstitu a:hover {
    color: var(--program-renk);
}
.program-sayi {
    font-size: .8rem;
    font-weight: 600;
    color: var(--program-renk);
    background: var(--program-renk-acik);
    border-radius: 999px;
    padding: .15rem .6rem;
}
.program-kart {
    display: flex;
    align-items: center;
    gap: .9rem;
    height: 100%;
    padding: 1rem 1.1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
    color: var(--text-main, #2b2b2b);
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.program-kart:hover,
.program-kart:focus-visible {
    transform: translateY(-3px);
    border-color: var(--program-renk);
    box-shadow: 0 8px 20px rgba(16, 24, 40, .08);
    color: var(--text-main, #2b2b2b);
}
.program-ikon {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    color: var(--program-renk);
    background: var(--program-renk-acik);
    overflow: hidden;
}
.program-ikon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.program-ad {
    font-weight: 400;
    line-height: 1.3;
}
.program-tur {
    font-size: .8rem;
    color: var(--text-muted, #6c757d);
}
.program-ok {
    margin-left: auto;
    flex-shrink: 0;
    color: #9ca3af;
    transition: transform .2s ease, color .2s ease;
}
.program-kart:hover .program-ok,
.program-kart:focus-visible .program-ok {
    transform: translateX(4px);
    color: var(--program-renk);
}