/* =========================================================================
   Kuda Mas — Journal (home.php listing + single.php). Hanya dimuat saat
   is_home() atau is_singular('post').
   ========================================================================= */

/* ---------- Single: hero artikel ---------- */
.kudamas-journal-hero {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 110px 24px 180px;
	background: linear-gradient(160deg, var(--color-italian-roast) 0%, var(--color-burgundy) 100%);
	text-align: center;
}

.kudamas-journal-hero__inner {
	max-width: 760px;
}

.kudamas-journal-hero__label {
	margin: 0 0 14px;
	color: var(--color-gold);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.25em;
	text-transform: uppercase;
}

.kudamas-journal-hero__title {
	margin: 0 0 14px;
	font-size: clamp(32px, 5vw, 56px);
	background: linear-gradient(180deg, #f6e2a8 0%, var(--color-gold) 55%, #b8860b 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--color-gold);
}

.kudamas-journal-hero__excerpt {
	margin: 0 0 18px;
	color: var(--color-champagne-beige);
	font-size: 17px;
	font-style: italic;
	line-height: 1.6;
}

.kudamas-journal-hero__meta {
	margin: 0;
	color: var(--color-vintage-beige);
	font-size: 13px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

/* ---------- Single: wrapper body artikel (bg gelap, beda dari hero) ----------
   Gambar utama sengaja jadi child pertama wrapper ini (bukan child hero)
   lalu ditarik naik (margin-top negatif) supaya secara visual "menumpuk" di
   antara dua background — efek overlap seperti pada referensi desain. */
.kudamas-journal-single__body {
	position: relative;
	background-color: #14000a;
}

.kudamas-journal-hero__image {
	/* Ditarik naik melebihi padding-bottom hero (180px) supaya benar-benar
	   menutup garis sambungan antara background maroon (hero) dan gelap
	   (.kudamas-journal-single__body), bukan cuma menumpuk sebagian. */
	margin: -140px auto 0;
	max-width: 1100px;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);
}

.kudamas-journal-hero__image img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 480px;
	object-fit: cover;
}

@media (max-width: 780px) {
	.kudamas-journal-hero__image {
		margin-top: -170px;
	}
}

/* ---------- Single: kotak "Poin Utama" (opsional, dari metabox) ---------- */
.kudamas-journal-single__highlights {
	max-width: 720px;
	margin: 56px auto 0;
	padding: 28px 32px;
	border: 1px solid rgba(242, 226, 198, 0.22);
	border-radius: 8px;
	background-color: rgba(242, 226, 198, 0.06);
}

.kudamas-journal-single__highlights-label {
	margin: 0 0 14px;
	color: var(--color-vintage-beige);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.kudamas-journal-single__highlights-list {
	margin: 0;
	padding-left: 1.2em;
	color: var(--color-champagne-beige);
}

.kudamas-journal-single__highlights-list li {
	margin-bottom: 10px;
	line-height: 1.6;
}

.kudamas-journal-single__highlights-list li:last-child {
	margin-bottom: 0;
}

.kudamas-journal-single__highlights-list li::marker {
	color: var(--color-vintage-beige);
}

/* ---------- Single: body artikel ---------- */
.kudamas-journal-single__content {
	max-width: 720px;
	margin: 0 auto;
	padding: 56px 0 0;
}

.kudamas-journal-single__content p {
	text-align: justify;
	hyphens: auto;
}

/* Bullet list: dot emas otomatis untuk semua <ul> dalam body artikel. */
.kudamas-journal-single__content ul {
	list-style-type: disc;
	padding-left: 1.5em;
	margin: 0.8em 0 1.2em;
}

.kudamas-journal-single__content ul li {
	margin-bottom: 0.5em;
	line-height: 1.7;
}

.kudamas-journal-single__content ul li::marker {
	color: var(--color-gold);
}

/* Kalau ada kotak Poin Utama di atasnya, kurangi padding-top supaya tidak
   ada jarak ganda (kotaknya sendiri sudah punya margin-top 56px). */
.kudamas-journal-single__highlights + .kudamas-journal-single__content {
	padding-top: 40px;
}

/* Huruf kapital dekoratif di awal paragraf pertama, gaya editorial klasik. */
.kudamas-journal-single__content > p:first-of-type::first-letter {
	float: left;
	margin: 6px 12px 0 0;
	color: var(--color-gold);
	font-family: var(--font-heading);
	font-size: 64px;
	line-height: 0.8;
}

/* Galeri/kolom gambar di tengah isi artikel (blok "Gallery"/"Columns"
   bawaan Gutenberg) — cuma menambah sudut membulat, layout grid-nya sendiri
   sudah ditangani CSS inti WordPress (wp-block-library, dimuat otomatis). */
.kudamas-journal-single__content .wp-block-gallery {
	margin: 32px 0;
}

.kudamas-journal-single__content .wp-block-gallery .wp-block-image img,
.kudamas-journal-single__content .wp-block-columns img {
	border-radius: 6px;
}

.kudamas-journal-single__footer {
	max-width: 720px;
	margin: 0 auto;
	padding: 0 0 96px;
}

/* ---------- Single: "Rekomendasi Artikel Lainnya" ---------- */
.kudamas-journal-more {
	background-color: rgba(0, 0, 0, 0.18);
}

.kudamas-journal-more__subtitle {
	margin: 8px 0 0;
	color: var(--color-vintage-beige);
	font-size: 15px;
	font-style: italic;
}