/**
 * Tema STIA Modern: tata letak tiga kolom (6 Nov 2026).
 *
 * Lajur samping dipecah templat footer.tpl menjadi .stia_lajur_kiri dan
 * .stia_lajur_kanan di tempat blok "Batas Kolom". Semua aturan di sini hanya
 * berlaku bila kolom kiri benar-benar ada (:has), jadi tanpa Batas Kolom
 * halaman tetap dua kolom seperti semula.
 *
 *   >= 1200px : kiri | isi | kanan
 *   992-1199  : isi | (kiri di atas kanan)
 *   768-991   : isi selebar halaman, lalu kiri & kanan berdampingan
 *   <  768    : semua bertumpuk: isi, kiri, kanan
 *
 * Urutan di HTML tetap isi -> kiri -> kanan, sehingga pembaca layar dan
 * ponsel mendapat isi halaman lebih dulu.
 */

:root {
	--stia-lebar: 1360px;
	--stia-kolom-kiri: 250px;
	--stia-kolom-kanan: 270px;
}

/* tema bawaan mengunci bingkai banner 1160px; kini ikut selebar bar menu */
@media (min-width: 992px) {
	.pkp_site_name_wrapper {
		width: auto;
	}
}

.stia_lajur_kiri .pkp_block:last-child,
.stia_lajur_kanan .pkp_block:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
	.pkp_structure_content.has_sidebar:has(> .stia_lajur_kiri) {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		grid-template-areas:
			"isi isi"
			"kiri kanan";
		gap: 24px 20px;
		align-items: start;
	}

	.pkp_structure_content.has_sidebar:has(> .stia_lajur_kiri):before,
	.pkp_structure_content.has_sidebar:has(> .stia_lajur_kiri):after {
		display: none;
	}

	.pkp_structure_content.has_sidebar:has(> .stia_lajur_kiri) > .pkp_structure_main,
	.pkp_structure_content.has_sidebar:has(> .stia_lajur_kiri) > .pkp_structure_sidebar {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}
}

@media (min-width: 992px) {
	.pkp_structure_content.has_sidebar:has(> .stia_lajur_kiri) {
		grid-template-columns: minmax(0, 1fr) var(--stia-kolom-kanan);
		grid-template-rows: auto 1fr;
		grid-template-areas:
			"isi kiri"
			"isi kanan";
		row-gap: 18px;
	}
}

@media (min-width: 768px) {
	.pkp_structure_content.has_sidebar:has(> .stia_lajur_kiri) > .pkp_structure_main {
		grid-area: isi;
	}

	.pkp_structure_content.has_sidebar > .stia_lajur_kiri {
		grid-area: kiri;
	}

	.pkp_structure_content.has_sidebar > .stia_lajur_kanan {
		grid-area: kanan;
	}
}

@media (min-width: 1200px) {
	.pkp_structure_content.has_sidebar:has(> .stia_lajur_kiri) {
		grid-template-columns: var(--stia-kolom-kiri) minmax(0, 1fr) var(--stia-kolom-kanan);
		grid-template-rows: auto;
		grid-template-areas: "kiri isi kanan";
		gap: 24px;
	}

	/* isi lebih sempit dari semula: bantalan kartu ikut dirampingkan */
	.pkp_structure_content.has_sidebar:has(> .stia_lajur_kiri) > .pkp_structure_main {
		padding: 32px 32px 40px;
	}

	.pkp_page_index .pkp_structure_content.has_sidebar:has(> .stia_lajur_kiri) > .pkp_structure_main {
		padding: 0;
	}

	/* blok di kolom yang lebih ramping: bantalan sedikit dikurangi */
	.stia_lajur_kiri .pkp_block,
	.stia_lajur_kanan .pkp_block {
		padding: 18px 18px;
	}
}

@media (min-width: 1360px) {
	:root {
		--stia-kolom-kiri: 260px;
		--stia-kolom-kanan: 280px;
	}
}