/* Layout seragam quran & hadits — PRD-GSC-ADSENSE RF-03, R-NAV-01..03.
 * Salinan berkas ini SAMA di quran/assets/css dan hadis/assets/css. */

.iah-menu {
	background: #695764;
	color: #fff;
	font: 14px/1.45 "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.iah-menu-dalam {
	max-width: 1140px;
	margin: 0 auto;
	padding: .45rem 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .25rem 1.1rem;
}
.iah-menu a { color: #fff; text-decoration: none; }
.iah-menu a:hover, .iah-menu a:focus { text-decoration: underline; color: #fff; }
.iah-menu-merek { font-weight: 700; margin-inline-end: auto; }
.iah-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .2rem .95rem;
}
.iah-menu [aria-current="page"] { font-weight: 700; }

.iah-remah {
	max-width: 1140px;
	margin: 0 auto;
	padding: .35rem 1rem;
	font-size: 13px;
}
/* Menu & remah selebar kotak halaman, sama dengan footer: halaman yang isinya
 * dibungkus .container-lg (beranda, unduh, daftar artikel) ikut dibatasi
 * 960/1140px; halaman .container-fluid tetap penuh seperti footernya. */
@media (min-width: 992px) {
	body:has(> .container-lg) > .iah-menu,
	body:has(> .container-lg) > .iah-remah {
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 1200px) {
	body:has(> .container-lg) > .iah-menu,
	body:has(> .container-lg) > .iah-remah {
		max-width: 1140px;
	}
}
.iah-remah ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .15rem .4rem; }
.iah-remah li + li::before { content: "\203A"; margin-inline-end: .4rem; color: #695764; }
.iah-remah a { color: #3d3139; }

/* H1 yang menggantikan elemen judul lama: tampilan tetap milik elemen asal. */
.iah-h1 {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}
.iah-h1-blok { display: block; margin: 0 0 .5rem; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }

.iah-kaki {
	background: #695764;
	color: #fff;
	padding: 1rem;
	font: 13px/1.6 "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	text-align: center;
}
.iah-kaki ul {
	list-style: none;
	margin: 0 auto .5rem;
	padding: 0;
	max-width: 1140px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .2rem 1rem;
}
.iah-kaki a { color: #fff; text-decoration: underline; }
.iah-kaki p { margin: .25rem auto; max-width: 900px; }
/* Footer dicetak di dalam kontainer Bootstrap halaman (padding 15px); blok
 * statistik di atasnya berada di .row (margin -15px). Tanpa ini footer legal
 * 30px lebih sempit dari blok teal dan di ponsel menyisakan pinggiran. */
.container > .iah-kaki,
.container-fluid > .iah-kaki,
.container-sm > .iah-kaki,
.container-md > .iah-kaki,
.container-lg > .iah-kaki,
.container-xl > .iah-kaki {
	margin-left: -15px;
	margin-right: -15px;
}

/* Pemilih bahasa ringkas (R-HL-04). */
.iah-bahasa-lain-tombol { margin-top: .35rem; }
.iah-bahasa-dialog {
	border: 0;
	border-radius: 8px;
	padding: 0;
	width: min(560px, 94vw);
	max-height: 86vh;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .35);
}
.iah-bahasa-dialog::backdrop { background: rgba(0, 0, 0, .45); }
.iah-bahasa-kepala { display: flex; gap: .5rem; align-items: center; padding: .75rem; border-bottom: 1px solid #ddd; }
.iah-bahasa-kepala input { flex: 1; min-width: 0; }
.iah-bahasa-daftar { list-style: none; margin: 0; padding: .5rem; max-height: 65vh; overflow-y: auto; columns: 2 200px; }
.iah-bahasa-daftar li { break-inside: avoid; }
.iah-bahasa-daftar a { display: flex; align-items: center; gap: .45rem; padding: .3rem .4rem; color: #222; text-decoration: none; border-radius: 4px; }
.iah-bahasa-daftar a:hover, .iah-bahasa-daftar a:focus { background: #f0ecef; }
.iah-bahasa-daftar img { width: 24px; height: 18px; object-fit: cover; border-radius: 2px; }

/* Judul halaman (H1) yang sebelumnya tidak ada sebagai elemen tersendiri. */
.iah-judul-halaman {
	text-align: center;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.3;
	margin: .25rem 1rem 1rem;
}

/* Konten redaksi (R-CNT-03) di atas daftar ayat/hadits. */
.iah-redaksi {
	max-width: 900px;
	margin: 0 auto 1.25rem;
	padding: .9rem 1.1rem;
	background: #faf8f9;
	border-inline-start: 4px solid #877080;
	border-radius: 4px;
	line-height: 1.65;
}
.iah-redaksi-judul { font-size: 1.1rem; font-weight: 700; margin: 0 0 .5rem; }
.iah-redaksi-isi p { margin: 0 0 .6rem; }

/* Pengantar beranda (R-CNT-05). */
.iah-pengantar { max-width: 900px; margin: 1.5rem auto; padding: 0 1rem; line-height: 1.7; color: #2b2429; }
.iah-pengantar-judul { font-size: 1.2rem; font-weight: 700; margin: 0 0 .75rem; }
.iah-pengantar p { margin: 0 0 .8rem; text-align: justify; }