/* ==========================================================================
   Benteng Data Child — palet & font (dibuat oleh bangun.js dari situs.json)
   ========================================================================== */
@font-face {
	font-family: "Karla Variable"; font-style: normal; font-display: swap; font-weight: 100 900;
	src: url("../fonts/karla-latin-wght-normal.woff2") format("woff2-variations"), url("../fonts/karla-latin-wght-normal.woff2") format("woff2");
}
@font-face {
	font-family: "Lora Variable"; font-style: normal; font-display: swap; font-weight: 400 700;
	src: url("../fonts/lora-latin-wght-normal.woff2") format("woff2-variations"), url("../fonts/lora-latin-wght-normal.woff2") format("woff2");
}
:root {
	--w-utama: #9f1d24;
	--w-utama-hover: #7d151b;
	--w-judul: #1d1718;
	--w-teks: #3d3537;
	--w-redup: #6f6567;
	--w-aksen: #a27b3a;
	--w-aksen-tegas: #6e5120;
	--w-aksen-lembut: #faf5ea;
	--w-aksen-garis: #e7d9bd;
	--w-lembut: #fbf1f1;
	--w-garis: #eee5e2;
	--w-garis-tegas: #ddcfcb;
	--w-latar: #fbf9f6;
	--w-latar-baris: #fdfcfa;
	--w-tautan: #9f1d24;
	--w-tautan-hover: #7d151b;
	--w-kode-latar: #f8f5f1;
	--w-kode-teks: #3b1216;
	--w-tautan-garis: rgba(159,29,36, .35);
	--w-bayang-warna: rgba(159,29,36, .55);
	--w-sorot: rgba(162,123,58, .22);
	--w-pita: linear-gradient(90deg, #9f1d24, #a27b3a);
	--w-hero-latar: radial-gradient(900px 320px at 0% -10%, rgba(159,29,36, .14), transparent 60%), radial-gradient(640px 280px at 100% 0%, rgba(162,123,58, .12), transparent 60%), linear-gradient(180deg, #fbf1f1, #fbf9f6);
	--w-kaki-latar: #1b1617;
	--radius: 14px;
	--radius-kecil: 10px;
	--bayangan: 0 14px 34px -14px rgba(159,29,36, .28);
	--bayangan-kecil: 0 1px 2px rgba(0, 0, 0, .04), 0 3px 10px rgba(0, 0, 0, .035);
	--font: "Karla Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-judul: "Lora Variable", Georgia, "Times New Roman", serif;
	--font-mono: ui-monospace, "Cascadia Code", SFMono-Regular, Menlo, Consolas, monospace;
	--logo-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203l8%203v6c0%205-3.5%208-8%209-4.5-1-8-4-8-9V6z%27%2F%3E%3Cpath%20d%3D%27M9%2012l2%202%204-4%27%2F%3E%3C%2Fsvg%3E");
	--logo-latar: linear-gradient(140deg, #9f1d24, #7d151b);
	--logo-radius: 9px;
}

/* ==========================================================================
   Komponen umum child theme jaringan blog (pita sambutan, dll.)
   ========================================================================== */
.bd-hero-label {
	display: inline-flex; align-items: center; gap: .45em; padding: .4em .85em; border-radius: 999px;
	font-size: calc(.78 * var(--rem, 1rem)); font-weight: 700; color: var(--w-aksen-tegas); background: #fff; border: 1px solid var(--w-aksen-garis);
}
.bd-hero-label::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: var(--w-aksen); }
.bd-hero-judul {
	margin: .55em 0 .35em; max-width: 22ch; font-size: clamp(calc(1.75 * var(--rem, 1rem)), calc(1.1 * var(--rem, 1rem)) + 2.6vw, calc(2.75 * var(--rem, 1rem)));
	font-weight: 800; line-height: 1.15; letter-spacing: -.03em; color: var(--w-judul);
}
.bd-hero-judul span { color: var(--w-utama); background: linear-gradient(transparent 64%, var(--w-sorot) 64%); }
.bd-hero-teks { max-width: 58ch; margin: 0; font-size: calc(1.06 * var(--rem, 1rem)); line-height: 1.65; color: var(--w-redup); }
.bd-hero-kategori { display: flex; flex-wrap: wrap; gap: .5em; margin-top: 1.5em; }
.bd-hero-kategori a {
	padding: .45em 1em; border-radius: 999px; font-size: calc(.87 * var(--rem, 1rem)); font-weight: 600; color: var(--w-judul); text-decoration: none;
	background: #fff; border: 1px solid var(--w-garis-tegas); transition: all .15s;
}
.bd-hero-kategori a:hover { color: var(--w-utama); border-color: var(--w-utama); background: var(--w-lembut); }
@media (max-width: 768px) { .bd-hero-kategori a { padding: .38em .85em; font-size: calc(.82 * var(--rem, 1rem)); } }
.entry-content .bd-info-artikel, .nv-content-wrap .bd-info-artikel { margin-top: 0; }

/* ---------- Sidebar (gaya umum semua tema induk) ---------- */
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary, aside.sidebar) :where(.widget, .ct-widget) {
	padding: 22px; margin-bottom: 22px; background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius); box-shadow: var(--bayangan-kecil);
}
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-heading, :where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .widget-title {
	position: relative; margin: 0 0 .9em; padding-bottom: .55em; border-bottom: 2px solid var(--w-lembut); font-size: calc(1 * var(--rem, 1rem)); font-weight: 750; color: var(--w-judul);
}
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-heading::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 34px; height: 2px; background: var(--w-utama); }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) ul { margin: 0; padding: 0; list-style: none; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) ul li { margin: 0; padding: .5em 0; border-bottom: 1px solid var(--w-garis); line-height: 1.45; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) ul li:last-child { border-bottom: 0; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) a { color: var(--w-judul); font-weight: 600; text-decoration: none; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) a:hover { color: var(--w-utama); }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-categories li { display: flex; justify-content: space-between; gap: 8px; color: var(--w-redup); font-size: .86em; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-latest-posts__post-date { display: block; margin-top: .15em; font-size: .78em; color: var(--w-redup); }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-search__inside-wrapper { padding: 4px; background: #fff; border: 1px solid var(--w-garis-tegas) !important; border-radius: 10px; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-search__input { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: .5em .8em !important; min-width: 0; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-search__button { margin-left: 4px !important; padding: .5em 1.05em !important; border-radius: 8px !important; background: var(--w-utama) !important; color: #fff !important; border: 0 !important; font-weight: 700; }
.screen-reader-text:not(:focus), .wp-block-search__label.screen-reader-text {
	position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important;
	overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important;
}
#secondary .widget .wp-block-heading, .widget-area .widget .wp-block-heading, #zak-secondary .widget .wp-block-heading, .ct-sidebar .wp-block-heading {
	font-size: calc(1 * var(--rem, 1rem)) !important; line-height: 1.35 !important; letter-spacing: 0 !important;
}
#secondary a, #zak-secondary a, .zak-secondary a, .ct-sidebar a { text-decoration: none !important; }
#secondary .wp-block-latest-posts__post-title, #zak-secondary .wp-block-latest-posts__post-title, .ct-sidebar .wp-block-latest-posts__post-title { color: var(--w-judul) !important; font-weight: 600; }
.wp-block-search__button { background-image: none !important; text-indent: 0 !important; }
.wp-block-search__button::before, .wp-block-search__button::after { display: none !important; }
.wp-block-search__button svg { display: none; }

/* ==========================================================================
   Lapisan Blog Journal — header gading + logo perisai, menu arang dengan garis merah,
   grid kartu 2 kolom + sidebar kanan, kaki arang. Elegan: judul serif, aksen emas tipis.
   ========================================================================== */
:root {
	--rem: 16px;
	--arang: var(--w-kaki-latar, #1b1617);
	/* Variabel tema induk diarahkan ke palet child */
	--primary-color: var(--w-utama);
	--site-title-color: var(--w-judul);
	--cat-color: var(--w-utama);
	--clr-text: var(--w-teks);
	--border-clr: var(--w-garis);
	--bg-clr: #fff;
	--bg-clr-light: #fff;
	--toggle-btn: var(--w-utama);
	--font-heading: var(--font-judul);
	--font-main: var(--font);
	--radius: var(--radius-kecil);
}
body, button, input, select, optgroup, textarea { font-family: var(--font); }
body { color: var(--w-teks); background: var(--w-latar); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6, .entry-title, .post-main-title, .page-title { font-family: var(--font-judul); color: var(--w-judul); letter-spacing: -.01em; }
a { color: var(--w-tautan); }
a:hover, a:focus { color: var(--w-tautan-hover); }
::selection { background: rgba(159, 29, 36, .14); }

/* Preloader layar penuh induk dimatikan (menunda tampilan & mengganggu LCP) */
#loader { display: none !important; }

/* ---------- Header: garis merah tipis + emas, logo perisai + nama serif ---------- */
.site-header { margin-block-end: 34px; box-shadow: 0 1px 0 var(--w-garis); }
.blog-journal-header .blog-journal-top-header {
	padding-block: 30px 26px; background: #fff;
	border-top: 4px solid var(--w-utama);
	box-shadow: inset 0 1px 0 var(--w-aksen);
}
.blog-journal-header .blog-journal-top-header .top-header-container-wrapper .header-social-icon:empty,
.header-social-icon:not(:has(li)) { visibility: hidden; }
.site-branding .site-identity {
	display: grid; grid-template-columns: auto auto; column-gap: 14px; align-items: center; justify-content: center; text-align: start !important;
}
.site-branding .site-identity::before {
	content: ""; grid-row: 1 / span 2; width: 50px; height: 50px; border-radius: var(--logo-radius);
	background: var(--logo-ikon) center / 27px no-repeat, var(--logo-latar);
	box-shadow: 0 10px 22px -10px var(--w-bayang-warna), inset 0 0 0 1px rgba(255, 255, 255, .12);
}
.site-branding .site-identity .site-title { margin: 0; font-family: var(--font-judul); font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.35rem); line-height: 1.05; }
.site-branding .site-identity .site-title a { font-family: var(--font-judul) !important; font-weight: 700; color: var(--w-judul) !important; letter-spacing: -.015em; }
.site-branding .site-identity .site-title a:hover { opacity: 1; color: var(--w-utama) !important; }
.site-branding .site-identity .site-description {
	margin: 6px 0 0; font-family: var(--font) !important; font-size: .78rem; font-weight: 600; line-height: 1.3;
	letter-spacing: .14em; text-transform: uppercase; color: var(--w-aksen-tegas);
}
.header-custom-button { display: none !important; }

/* ---------- Bilah menu: arang, tautan putih, garis merah aktif ---------- */
.blog-journal-header .navigation-outer-wrapper { padding-block: 0; background: var(--arang); border: 0; }
.blog-journal-header .navigation-outer-wrapper .blog-journal-navigation .navigation-wrapper { min-height: 56px; }
a.random-post, .blog-journal-header-search .search-icon { color: rgba(255, 255, 255, .78) !important; }
a.random-post:hover, .blog-journal-header-search .search-icon:hover { color: #fff !important; }
@media (min-width: 992px) {
	.blog-journal-header .navigation-outer-wrapper .main-navigation .navigation-area ul.menu > li > a {
		position: relative; display: block; padding: 18px 14px !important; margin: 0;
		font-size: .82rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
		color: rgba(255, 255, 255, .86) !important; transition: color .15s;
	}
	.blog-journal-header .navigation-outer-wrapper .main-navigation .navigation-area ul.menu > li > a::before {
		content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 3px; background: var(--w-utama);
		transform: scaleX(0); transform-origin: left; transition: transform .2s ease;
	}
	.blog-journal-header .navigation-outer-wrapper .main-navigation .navigation-area ul.menu > li:hover > a,
	.blog-journal-header .navigation-outer-wrapper .main-navigation .navigation-area ul.menu > li.current-menu-item > a,
	.blog-journal-header .navigation-outer-wrapper .main-navigation .navigation-area ul.menu > li.current-category-ancestor > a,
	.blog-journal-header .navigation-outer-wrapper .main-navigation .navigation-area ul.menu > li.current-menu-ancestor > a { color: #fff !important; }
	.blog-journal-header .navigation-outer-wrapper .main-navigation .navigation-area ul.menu > li:hover > a::before,
	.blog-journal-header .navigation-outer-wrapper .main-navigation .navigation-area ul.menu > li.current-menu-item > a::before,
	.blog-journal-header .navigation-outer-wrapper .main-navigation .navigation-area ul.menu > li.current-category-ancestor > a::before,
	.blog-journal-header .navigation-outer-wrapper .main-navigation .navigation-area ul.menu > li.current-menu-ancestor > a::before { transform: scaleX(1); }
	.blog-journal-header .navigation-outer-wrapper .main-navigation ul ul { background: #fff; border-top: 3px solid var(--w-utama); box-shadow: 0 16px 34px -14px rgba(0, 0, 0, .35); }
	.blog-journal-header .navigation-outer-wrapper .main-navigation ul ul a { color: var(--w-judul) !important; text-transform: none; letter-spacing: 0; }
	.blog-journal-header .navigation-outer-wrapper .main-navigation ul ul a:hover { color: var(--w-utama) !important; }
}
@media (max-width: 991px) {
	.blog-journal-header .navigation-outer-wrapper .main-navigation button.menu-toggle .ham-icon { background-color: #fff !important; }
	.blog-journal-header .navigation-outer-wrapper .main-navigation button.menu-toggle:hover,
	.blog-journal-header .navigation-outer-wrapper .main-navigation button.menu-toggle.show { background-color: var(--w-utama) !important; }
	.blog-journal-header .navigation-outer-wrapper .main-navigation .navigation-area { border-top: 3px solid var(--w-utama); box-shadow: 0 18px 34px -16px rgba(0, 0, 0, .35); }
	.blog-journal-header .navigation-outer-wrapper .main-navigation .navigation-area a { color: var(--w-judul) !important; font-weight: 600; }
	.blog-journal-header .navigation-outer-wrapper .main-navigation .navigation-area .current-menu-item > a { color: var(--w-utama) !important; }
}
/* Form cari header (muncul saat ikon kaca pembesar diklik) */
.blog-journal-header-search .header-search-form { border-top: 3px solid var(--w-utama); border-radius: 0 0 var(--radius-kecil) var(--radius-kecil); box-shadow: 0 18px 34px -16px rgba(0, 0, 0, .35); }

/* ---------- Pita sambutan beranda (di dalam grid: bentang penuh) ---------- */
.bd-jb-grid .blog-archive-layout > .bd-hero-beranda { grid-column: 1 / -1; }
.bd-hero-beranda {
	position: relative; overflow: hidden; padding: 34px 34px 30px; margin: 0 0 6px;
	background: var(--w-hero-latar); border: 1px solid var(--w-garis); border-radius: var(--radius);
}
.bd-hero-beranda::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: linear-gradient(180deg, var(--w-utama), var(--w-aksen)); }
.bd-hero-judul { font-family: var(--font-judul); font-weight: 700; letter-spacing: -.02em; }
.bd-hero-judul span { background: none; color: var(--w-utama); font-style: italic; }
@media (max-width: 600px) { .bd-hero-beranda { padding: 24px 20px 22px; } }

/* ---------- Kartu artikel ---------- */
.blog-archive-layout.archive-grid-layout.column-2 { gap: 26px; }
.blog-archive-layout.archive-grid-layout article .blog-post-container .blog-post-inner {
	height: 100%; overflow: hidden; background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius);
	box-shadow: var(--bayangan-kecil); transition: transform .2s ease, box-shadow .2s ease, border-color .2s;
}
.blog-archive-layout.archive-grid-layout article .blog-post-container .blog-post-inner:hover {
	transform: translateY(-3px); border-color: var(--w-garis-tegas); box-shadow: var(--bayangan);
}
.blog-archive-layout.archive-grid-layout article .blog-post-container .blog-post-inner .blog-post-image { border-radius: 0; aspect-ratio: 16 / 9; height: auto; }
.blog-archive-layout.archive-grid-layout article .blog-post-container .blog-post-inner .blog-post-image img { height: 100%; }
.blog-archive-layout.archive-grid-layout article .blog-post-container .blog-post-inner:hover .blog-post-image img { transform: scale(1.04); }
.blog-archive-layout.archive-grid-layout article .blog-post-container .blog-post-inner .blog-post-detail { padding: 18px 20px 20px; }
.blog-archive-layout.archive-grid-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links a {
	padding: 0; background: none !important; color: var(--w-utama) !important; font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
}
.blog-archive-layout.archive-grid-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links a::before {
	content: ""; display: inline-block; width: 16px; height: 2px; margin: 0 7px 3px 0; vertical-align: middle; background: var(--w-aksen);
}
.blog-archive-layout.archive-grid-layout article .blog-post-container .blog-post-inner .blog-post-detail .entry-title { margin: 2px 0 0; font-size: 1.28rem; line-height: 1.3; }
.blog-archive-layout.archive-grid-layout article .blog-post-container .blog-post-inner .blog-post-detail .entry-title a { font-family: var(--font-judul); font-weight: 700; color: var(--w-judul); }
.blog-archive-layout.archive-grid-layout article .blog-post-container .blog-post-inner .blog-post-detail .entry-title a:hover { color: var(--w-utama); }
.blog-post-detail .post-meta, .blog-post-detail .post-meta a { font-size: .8rem; color: var(--w-redup) !important; }
.blog-post-detail .post-excerpt p { margin: 8px 0 0; font-size: .94rem; line-height: 1.65; color: var(--w-teks); }

/* ---------- Paginasi ---------- */
.pagination .nav-links a, .pagination .nav-links .current {
	min-width: 40px; height: 40px; border-radius: var(--radius-kecil); border: 1px solid var(--w-garis-tegas); background: #fff; color: var(--w-judul);
}
.pagination .nav-links a:hover { border-color: var(--w-utama); color: var(--w-utama); background: var(--w-lembut); }
.pagination .nav-links .current { background: var(--w-utama); border-color: var(--w-utama); color: #fff; }

/* ---------- Artikel tunggal & halaman ---------- */
.single #primary > article, .page #primary > article {
	padding: 34px 38px 30px; background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius); box-shadow: var(--bayangan-kecil);
}
@media (max-width: 600px) { .single #primary > article, .page #primary > article { padding: 22px 18px; } }
.bd-atas-artikel { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.bd-remah-roti { font-size: .8rem; color: var(--w-redup); }
.bd-remah-roti a { color: var(--w-redup); text-decoration: none; }
.bd-remah-roti a:hover { color: var(--w-utama); }
.bd-label-kategori {
	padding: 5px 11px; border-radius: 3px; font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
	color: #fff !important; background: var(--w-utama); text-decoration: none;
}
.bd-label-kategori:hover { background: var(--w-utama-hover); }
.single .entry-header .entry-title, .page .entry-header .entry-title {
	margin: 0 0 12px; font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem); font-weight: 700; line-height: 1.2;
}
.single .entry-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; padding-bottom: 16px; margin-bottom: 22px; border-bottom: 1px solid var(--w-garis); font-size: .85rem; color: var(--w-redup); }
.single .entry-meta a { color: var(--w-redup); }
.entry-content { font-size: 1.06rem; line-height: 1.8; color: var(--w-teks); }
.entry-content h2 { margin-top: 1.9em; font-size: 1.6rem; line-height: 1.3; }
.entry-content h2::after { content: ""; display: block; width: 44px; height: 3px; margin-top: 10px; background: linear-gradient(90deg, var(--w-utama) 60%, var(--w-aksen) 60%); }
.entry-content h3 { margin-top: 1.5em; font-size: 1.25rem; }
.entry-content blockquote { margin: 1.6em 0; padding: 4px 0 4px 22px; border-left: 3px solid var(--w-utama); font-family: var(--font-judul); font-style: italic; font-size: 1.15em; color: var(--w-judul); }
.entry-footer .cat-links a, .entry-footer .tags-links a {
	padding: 4px 10px; border-radius: 3px; background: var(--w-lembut) !important; color: var(--w-utama) !important; font-size: .78rem; font-weight: 700;
}
.entry-footer .cat-links a::after, .entry-footer .tags-links a::after { display: none; }
.post-navigation { margin-top: 26px; }
.post-navigation .nav-links > div { padding: 16px 18px; background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius-kecil); }
.post-navigation .nav-links > div:hover { border-color: var(--w-utama); }
.post-navigation .nav-title { font-family: var(--font-judul); font-weight: 700; color: var(--w-judul); }

/* ---------- Sidebar ---------- */
.right-sidebar .blog-journal-main-wrapper .section-wrapper .blog-journal-container-wrapper #secondary { top: 24px; }
#secondary .widget { border-top: 3px solid var(--w-utama); }
#secondary .widget .wp-block-heading, #secondary .widget .widget-title { font-family: var(--font-judul) !important; font-size: 1.12rem !important; font-weight: 700; }
#secondary .widget .wp-block-heading::after { background: var(--w-aksen); }

/* ---------- Kaki: arang, garis merah + emas ---------- */
footer.site-footer { margin-top: 20px; background: var(--arang) !important; color: rgba(255, 255, 255, .72); border-top: 3px solid var(--w-utama); box-shadow: inset 0 1px 0 var(--w-aksen); }
footer.site-footer .blog-journal-bottom-footer { padding-block: 26px; border: 0; }
footer.site-footer .bottom-footer-content { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
footer.site-footer a { color: #fff !important; text-decoration: none; }
footer.site-footer a:hover { color: #f3c9cb !important; }
.bd-menu-kaki { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 20px; margin: 0; padding: 0; list-style: none; }
.bd-menu-kaki a { font-size: .84rem; font-weight: 600; color: rgba(255, 255, 255, .85) !important; }
.bd-kaki-hak { margin: 0; font-size: .82rem; color: rgba(255, 255, 255, .6); }
a.scroll-to-top { display: none !important; }

/* ---------- Perapian: header di tengah, ikon cari terang, formulir komentar ---------- */
.blog-journal-header .blog-journal-top-header .top-header-container-wrapper { display: flex; justify-content: center; }
.blog-journal-header .blog-journal-top-header .top-header-container-wrapper .header-social-icon:not(:has(li)) { display: none; }
.blog-journal-header .navigation-outer-wrapper .blog-journal-header-search .search-icon,
.blog-journal-header .navigation-outer-wrapper .blog-journal-header-search .search-icon i { color: rgba(255, 255, 255, .82) !important; }
.blog-journal-header .navigation-outer-wrapper .blog-journal-header-search .search-icon:hover i { color: #fff !important; }
@media (max-width: 600px) {
	.site-branding .site-identity .site-description { letter-spacing: .08em; font-size: .7rem; }
	.site-branding .site-identity::before { width: 44px; height: 44px; background-size: 24px; }
}
.comment-respond { margin-top: 30px; padding: 28px 30px; background: #fff; border: 1px solid var(--w-garis); border-top: 3px solid var(--w-utama); border-radius: var(--radius); }
.comment-respond .comment-reply-title { margin-top: 0; font-family: var(--font-judul); font-size: 1.35rem; }
.comment-form label { display: block; margin-bottom: 6px; font-size: .88rem; font-weight: 700; color: var(--w-judul); }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
	width: 100%; padding: 11px 14px; border: 1px solid var(--w-garis-tegas); border-radius: var(--radius-kecil); background: var(--w-latar-baris); font: inherit; color: var(--w-judul);
}
.comment-form input:focus, .comment-form textarea:focus { outline: 0; border-color: var(--w-utama); box-shadow: 0 0 0 3px rgba(159, 29, 36, .12); background: #fff; }
.comment-form .comment-form-cookies-consent { display: flex; gap: 8px; align-items: flex-start; }
.comment-form .comment-form-cookies-consent label { display: inline; font-weight: 400; }
.comment-form .submit { padding: 12px 24px; border: 0; border-radius: var(--radius-kecil); background: var(--w-utama); color: #fff; font-weight: 700; cursor: pointer; }
.comment-form .submit:hover { background: var(--w-utama-hover); }
@media (max-width: 600px) { .comment-respond { padding: 20px 16px; } }

/* Menu: matikan garis bawah teks bawaan induk (sudah ada garis merah ::before) */
.blog-journal-header .navigation-outer-wrapper .main-navigation a,
.blog-journal-header .navigation-outer-wrapper .main-navigation a:hover,
.blog-journal-header .navigation-outer-wrapper .main-navigation a:focus { text-decoration: none !important; }

/* ---------- Varian komponen ---------- */
/* varian toc: garis-atas */
.bd-daftar-isi{background:var(--w-latar-baris);border:0;border-top:3px solid var(--w-aksen);border-bottom:1px solid var(--w-garis);border-radius:0}
/* varian faq: panel */
.bd-faq-item{background:var(--w-lembut);border:0;box-shadow:none}.bd-faq-item h3::before{background:var(--w-utama);color:#fff}
/* varian bagikan: isi */
.entry-content .bd-bagikan a{color:#fff!important;background:var(--warna)!important;border-color:var(--warna)!important}.bd-bagikan a::before{display:none}
/* varian tips: kiri */
.entry-content .bd-kotak{border-width:0 0 0 4px;border-radius:0 var(--radius) var(--radius) 0}