/*
Theme Name: Astra Child
Theme URI: https://www.bersunah.com/
Description: Child theme Astra untuk bersunah.com — front-page custom tanpa menyentuh parent.
Author: Bersunah
Template: astra
Version: 1.1.0
Text Domain: astra-child
*/

:root {
	--fb-font-head: "Lora", Georgia, "Times New Roman", serif;
}

.custom-logo {
	max-height: 72px;
	width: auto;
}

/* Latar putih dominan seluruh halaman (sesi 3, permintaan Pak Muhdan).
   Astra inline CSS: .ast-separate-container { background-color: var(--ast-global-color-5) } = #F0F5FA;
   child style.css dimuat setelah inline tsb jadi selector sama menang di sini. */
body,
.ast-separate-container,
.ast-container,
.site-content,
.ast-narrow-layout,
.ast-archive-description,
.page-header {
	background-color: #ffffff;
}

/* Footer copyright: paksa wrap di layar sempit (QA #3 — teks "Astra WordPress
   Theme" sempat terpotong saat capture; live tetap dibungkus kata utuh). */
.ast-footer-copyright p {
	overflow-wrap: break-word;
	word-break: break-word;
}

/* Identitas tipografi editorial: heading pakai serif Lora, body tetap system
   stack Astra (performa + sudah ditata sesi 2) — kesan profesional/majalah
   tanpa menambah berat font ke body text. */
h1,
h2,
h3,
.entry-title,
.page-title {
	font-family: var(--fb-font-head);
}

/* Aksesibilitas: focus ring terlihat di seluruh site, bukan cuma homepage
   (Astra default menghapus outline di beberapa elemen). */
a:focus-visible,
button:focus-visible,
input:focus-visible,
.menu-item a:focus-visible {
	outline: 2px solid #1b4332;
	outline-offset: 2px;
	border-radius: 4px;
}

/* Hormati preferensi reduced-motion pengguna — matikan semua transition/animasi. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}