/*
 * Penyesuaian khusus halaman Sekolah Menengah Atas.
 * Grid dan ukuran dasar diwarisi dari program-tk.css supaya komponen program
 * pendidikan tetap konsisten serta mudah dirawat.
 */

/* Biru menjadi aksen utama SMA sesuai referensi halaman. */
.sma-page .tk-hero-copy h1 {
    color: #4a83b5;
}

.sma-page .tk-stat::before {
    background: #4a83b5;
}

/* Foto hero difokuskan pada wajah seluruh kelompok siswa. */
.sma-page .sma-hero-image {
    object-position: center 42%;
}

/* Ilustrasi program diposisikan konsisten di bagian bawah kartu. */
.sma-page .tk-program-card > img {
    object-position: center;
}

/* Warna ikon kegiatan disesuaikan satu per satu. */
.sma-page .activity-vocal i,
.sma-page .activity-traditional-dance i {
    color: #e85f74;
    background: #ffe8ed;
}

.sma-page .activity-futsal i,
.sma-page .activity-tahfidz i {
    color: #8550d3;
    background: #efe8ff;
}

.sma-page .activity-fashion i,
.sma-page .activity-science i {
    color: #13a5a5;
    background: #e2f7f5;
}

.sma-page .activity-band i,
.sma-page .activity-japanese i {
    color: #ed9a30;
    background: #fff0dc;
}

.sma-page .activity-badminton i,
.sma-page .activity-coding i {
    color: #2f7bd8;
    background: #e7f1ff;
}

/* Crop foto menjaga subjek kegiatan tetap berada di tengah kartu. */
.sma-page .activity-traditional-dance > img {
    object-position: center 35%;
}

.sma-page .activity-badminton > img {
    object-position: center 42%;
}

.sma-page .activity-vocal > img,
.sma-page .activity-band > img,
.sma-page .activity-futsal > img,
.sma-page .activity-japanese > img {
    object-position: center;
}

/* Crop fasilitas mengikuti halaman SD dan SMP. */
.sma-page .tk-unit-facility-card:first-child img {
    object-position: center 62%;
}

.sma-page .tk-unit-facility-card:nth-child(2) img,
.sma-page .tk-unit-facility-card:nth-child(8) img {
    object-position: center;
}