/* ==========================================================================
   Air Bersih Desa Child — palet & font (dibuat oleh bangun.js dari situs.json)
   ========================================================================== */
@font-face {
	font-family: "Mulish Variable"; font-style: normal; font-display: swap; font-weight: 100 900;
	src: url("../fonts/mulish-latin-wght-normal.woff2") format("woff2-variations"), url("../fonts/mulish-latin-wght-normal.woff2") format("woff2");
}
:root {
	--w-utama: #0284c7;
	--w-utama-hover: #0369a1;
	--w-judul: #0f1d2a;
	--w-teks: #334250;
	--w-redup: #5b6977;
	--w-aksen: #4d7c0f;
	--w-aksen-tegas: #3f6212;
	--w-aksen-lembut: #f7fee7;
	--w-aksen-garis: #d9f99d;
	--w-lembut: #f0f9ff;
	--w-garis: #dceaf3;
	--w-garis-tegas: #b9d7ea;
	--w-latar: #f5fafd;
	--w-latar-baris: #fafdfe;
	--w-tautan: #0369a1;
	--w-tautan-hover: #3f6212;
	--w-kode-latar: #f0f7fc;
	--w-kode-teks: #0c3550;
	--w-tautan-garis: rgba(2,132,199, .35);
	--w-bayang-warna: rgba(2,132,199, .55);
	--w-sorot: rgba(77,124,15, .22);
	--w-pita: linear-gradient(90deg, #0284c7, #4d7c0f);
	--w-hero-latar: radial-gradient(900px 320px at 0% -10%, rgba(2,132,199, .14), transparent 60%), radial-gradient(640px 280px at 100% 0%, rgba(77,124,15, .12), transparent 60%), linear-gradient(180deg, #f0f9ff, #f5fafd);
	--w-kaki-latar: #e6f3fb;
	--radius: 14px;
	--radius-kecil: 10px;
	--bayangan: 0 14px 34px -14px rgba(2,132,199, .28);
	--bayangan-kecil: 0 1px 2px rgba(0, 0, 0, .04), 0 3px 10px rgba(0, 0, 0, .035);
	--font: "Mulish Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-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%202.7s-6%206.4-6%2011.3a6%206%200%200%200%2012%200c0-4.9-6-11.3-6-11.3z%27%2F%3E%3Cpath%20d%3D%27M9%2014.5a3%203%200%200%200%203%203%27%2F%3E%3C%2Fsvg%3E");
	--logo-latar: linear-gradient(140deg, #0284c7, #0369a1);
	--logo-radius: 50% 50% 50% 14px;
}

/* ==========================================================================
   Komponen umum child theme jaringan blog (pita sambutan, dll.)
   ========================================================================== */
.ab-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);
}
.ab-hero-label::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: var(--w-aksen); }
.ab-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);
}
.ab-hero-judul span { color: var(--w-utama); background: linear-gradient(transparent 64%, var(--w-sorot) 64%); }
.ab-hero-teks { max-width: 58ch; margin: 0; font-size: calc(1.06 * var(--rem, 1rem)); line-height: 1.65; color: var(--w-redup); }
.ab-hero-kategori { display: flex; flex-wrap: wrap; gap: .5em; margin-top: 1.5em; }
.ab-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;
}
.ab-hero-kategori a:hover { color: var(--w-utama); border-color: var(--w-utama); background: var(--w-lembut); }
@media (max-width: 768px) { .ab-hero-kategori a { padding: .38em .85em; font-size: calc(.82 * var(--rem, 1rem)); } }
.entry-content .ab-info-artikel, .nv-content-wrap .ab-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 Sydney — header putih lengket, grid masonry 2 kolom kartu membulat + sidebar kanan
   ========================================================================== */
:root {
	--rem: 16px; --lebar-wadah: 1180px; --radius-kartu: 18px;
	--sydney-global-color-1: var(--w-utama); --sydney-global-color-2: var(--w-utama-hover); --sydney-global-color-3: var(--w-judul);
	--sydney-global-color-4: var(--w-judul); --sydney-global-color-5: var(--w-redup); --sydney-global-color-6: var(--w-judul);
	--sydney-global-color-7: var(--w-latar); --sydney-global-color-8: var(--w-garis); --sydney-global-color-9: #fff;
}
body, h1, h2, h3, h4, h5, h6, .site-title, button, input, select, textarea, .main-navigation, .sydney-dropdown-link { font-family: var(--font) !important; }
body { background: var(--w-latar) !important; color: var(--w-teks) !important; font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
#page, .page-wrap { background: transparent !important; }
a { color: var(--w-tautan); }
a:hover { color: var(--w-tautan-hover); }
h1, h2, h3, h4, h5, h6 { color: var(--w-judul); }
.preloader, .go-top, .header-clone, .sydney-hero-area .header-image, .sydney-hero-area .overlay { display: none !important; }
.container { max-width: var(--lebar-wadah); }

/* ---------- Header putih lengket: logo kiri, menu kanan ---------- */
.shfb-header { position: sticky !important; top: 0; z-index: 999; background: #fff !important; box-shadow: 0 1px 0 var(--w-garis), 0 8px 24px -20px var(--w-bayang-warna) !important; }
.admin-bar .shfb-header { top: 32px; }
.shfb-header::before { content: ""; display: block; height: 3px; background: var(--w-pita); }
.shfb-header .shfb-row-wrapper, .shfb-header .shfb-main_header_row, .shfb-sticky-header, .sticky-header-active .shfb-sticky-header { background: #fff !important; }
.shfb-header .shfb-main_header_row .shfb-row { min-height: 74px; align-items: center; }
.shfb-header .shfb-main_header_row .shfb-column-2 { justify-content: flex-end; }
.shfb-component-logo .site-branding > div { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; }
.shfb-component-logo .site-branding > div::before {
	content: ""; grid-row: 1 / span 2; width: 44px; height: 44px; border-radius: var(--logo-radius);
	background: var(--logo-ikon) center / 24px no-repeat, var(--logo-latar); box-shadow: 0 8px 18px -8px var(--w-bayang-warna);
}
.site-title { margin: 0 !important; font-size: calc(1.35 * var(--rem)) !important; font-weight: 800 !important; letter-spacing: -.02em; line-height: 1.15 !important; }
.site-title a, .site-title a:hover { color: var(--w-judul) !important; }
.site-description { margin: 2px 0 0 !important; font-size: calc(.78 * var(--rem)) !important; color: var(--w-redup) !important; line-height: 1.3; }
.shfb-header .main-navigation .sydney-dropdown-ul { gap: 2px; }
.shfb-header .main-navigation .sydney-dropdown-ul > li { margin: 0 !important; padding: 0 !important; }
.shfb-header .main-navigation .sydney-dropdown-ul > li > a {
	display: inline-block; padding: 8px 12px !important; border-radius: 999px; font-size: calc(.9 * var(--rem)) !important; font-weight: 650 !important;
	color: var(--w-judul) !important; transition: background .15s, color .15s;
}
.shfb-header .main-navigation .sydney-dropdown-ul > li:hover > a, .shfb-header .main-navigation .sydney-dropdown-ul > li.current-menu-item > a {
	background: var(--w-lembut); color: var(--w-utama) !important;
}
.shfb-header .header-search { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--w-lembut); }
.shfb-header .header-search svg, .shfb-header .menu-toggle svg { fill: var(--w-utama) !important; }
.shfb-header .header-search .sydney-svg-icon { display: none; }
.shfb-header .header-search .sydney-svg-icon.active { display: grid; place-items: center; }
.shfb-header .header-search svg { width: 15px; height: 15px; }
.header-search-form { background: #fff !important; border-top: 1px solid var(--w-garis); padding: 14px 0; }
.header-search-form .ab-cari { max-width: 560px; margin: 0 auto; }
.shfb-header .menu-toggle { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--w-lembut); }
.shfb-mobile .shfb-main_header_row .shfb-row { min-height: 64px; }
.shfb-mobile .shfb-column-2 { gap: 8px; justify-content: flex-end; }
.shfb-mobile .site-title { font-size: calc(1.15 * var(--rem)) !important; }
.shfb-mobile .site-description { display: none; }
.shfb-mobile .shfb-component-logo .site-branding > div::before { width: 38px; height: 38px; background-size: 20px, auto; }
/* Menu HP (offcanvas) */
.sydney-offcanvas-menu { background: #fff !important; }
.sydney-offcanvas-menu .mobile-menu-close svg { fill: var(--w-judul) !important; }
.sydney-offcanvas-menu #mobile-menu a { display: block; padding: 12px 4px; font-weight: 650; color: var(--w-judul) !important; border-bottom: 1px solid var(--w-garis); }

/* ---------- Pita sambutan: nuansa air + gelombang tipis ---------- */
.ab-hero-beranda { position: relative; overflow: hidden; background: var(--w-hero-latar); }
.ab-hero-beranda::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 34px; opacity: .9;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 34' preserveAspectRatio='none'%3E%3Cpath d='M0 18 C150 4 300 4 450 18 S750 32 900 18 S1100 6 1200 16 V34 H0z' fill='%23f5fafd'/%3E%3Cpath d='M0 22 C200 10 350 12 520 24 S860 34 1200 20' fill='none' stroke='%230284c7' stroke-opacity='.25' stroke-width='1.5'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
}
.ab-hero-dalam { max-width: var(--lebar-wadah); margin: 0 auto; padding: 46px 15px 64px; }

/* ---------- Tata letak konten + sidebar ---------- */
.page-wrap { padding: 36px 0 56px !important; }
.content-wrapper > .row { row-gap: 24px; }
#secondary { padding-top: 0 !important; background: transparent !important; font-size: calc(.92 * var(--rem)); }
#secondary .widget { color: var(--w-teks); border-radius: var(--radius-kartu) !important; }
#secondary .widget a { color: var(--w-judul); }
.error404 #primary { width: 75%; flex: 0 0 75%; max-width: 75%; }
@media (max-width: 991px) { .error404 #primary { width: 100%; flex-basis: 100%; max-width: 100%; } }

/* ---------- Beranda/arsip: masonry 2 kolom kartu membulat ---------- */
.posts-layout .row > article { margin-bottom: 26px !important; padding-left: 13px; padding-right: 13px; }
.posts-layout article .content-inner {
	background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius-kartu); overflow: hidden; box-shadow: var(--bayangan-kecil);
	transition: transform .2s, box-shadow .2s; position: relative; padding: 0 0 22px !important;
}
.posts-layout article .content-inner:hover { transform: translateY(-3px); box-shadow: var(--bayangan); }
.posts-layout .entry-thumb { margin: 0 0 16px !important; }
.posts-layout .entry-thumb img { display: block; width: 100%; height: auto; border-radius: 0 !important; }
.posts-layout .entry-meta, .posts-layout .entry-header, .posts-layout .entry-post { padding: 0 22px; }
.posts-layout .entry-meta { margin: 0 0 6px !important; font-size: calc(.74 * var(--rem)) !important; text-transform: uppercase; letter-spacing: .04em; color: var(--w-redup) !important; }
.posts-layout .entry-meta a { color: var(--w-redup) !important; position: relative; z-index: 2; }
.posts-layout .entry-meta .cat-links a { color: var(--w-aksen-tegas) !important; font-weight: 700; }
.posts-layout .entry-title { margin: 0 0 8px !important; font-size: calc(1.18 * var(--rem)) !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: -.01em; }
.posts-layout .entry-title a { color: var(--w-judul) !important; }
.posts-layout .entry-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.posts-layout .content-inner:hover .entry-title a { color: var(--w-utama) !important; }
.posts-layout .entry-post { font-size: calc(.92 * var(--rem)); line-height: 1.65; color: var(--w-redup); }
.posts-layout .entry-post p { margin: 0; }
/* Kartu pertama di beranda: aksen garis air di atas */
.home:not(.paged) .posts-layout .row > article:first-child .content-inner { border-top: 4px solid var(--w-utama); }
.posts-navigation, .navigation.pagination { margin-top: 10px; }
.nav-links .page-numbers, .posts-navigation a { display: inline-block; padding: .5em .95em; border-radius: 12px; background: #fff; border: 1px solid var(--w-garis); font-weight: 700; color: var(--w-judul); }
.nav-links .page-numbers.current { background: var(--w-utama); border-color: var(--w-utama); color: #fff; }

/* Judul arsip / pencarian */
.archive .page-header, .search .page-header, .error-404 .page-header {
	margin: 0 0 26px; padding: 26px 28px; background: var(--w-hero-latar); border: 1px solid var(--w-garis); border-radius: var(--radius-kartu);
}
.page-header .page-title, .archive-title { margin: 0 !important; font-size: calc(1.7 * var(--rem)) !important; font-weight: 800 !important; letter-spacing: -.02em; color: var(--w-judul) !important; }
.archive-description, .taxonomy-description { margin-top: 8px; color: var(--w-redup); }
.sydney-breadcrumbs { margin: 0 0 14px !important; font-size: calc(.84 * var(--rem)); color: var(--w-redup); }
.sydney-breadcrumbs a { color: var(--w-utama); }

/* ---------- Artikel tunggal & halaman: kartu putih ---------- */
body.single .post-wrap > article, body.page .post-wrap > article, .error-404 {
	background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius-kartu); padding: 38px 42px; box-shadow: var(--bayangan-kecil);
}
.error-404 .page-header { margin: 0 0 18px; padding: 0; background: none; border: 0; }
.single .entry-thumb, .single .feat-img-top { display: none !important; }
body.single .post-wrap > article .entry-header, body.page .post-wrap > article .entry-header { margin-bottom: 18px; }
body.single .post-wrap > article .entry-title, body.page .post-wrap > article .entry-title { font-size: clamp(calc(1.65 * var(--rem)), calc(1.1 * var(--rem)) + 1.8vw, calc(2.3 * var(--rem))) !important; font-weight: 800 !important; line-height: 1.22 !important; letter-spacing: -.025em; color: var(--w-judul) !important; margin: 10px 0 10px !important; }
.single .entry-meta { font-size: calc(.84 * var(--rem)) !important; color: var(--w-redup) !important; padding-bottom: 14px; border-bottom: 1px solid var(--w-garis); }
.single .entry-meta a { color: var(--w-utama) !important; }
.single .entry-meta .byline { display: none !important; }
.entry-content { font-size: calc(1.04 * var(--rem)); color: var(--w-teks); }
.entry-content h2 { position: relative; padding-left: 16px; }
.entry-content h2::before { content: ""; position: absolute; left: 0; top: .2em; bottom: .2em; width: 4px; border-radius: 4px; background: var(--w-pita); }
.entry-content .ab-blok-faq h2, .entry-content .ab-judul-terkait { padding-left: 0; }
.entry-content .ab-blok-faq h2::before, .entry-content .ab-judul-terkait::before { display: none; }
.single .entry-footer { display: none; }
.post-navigation { margin-top: 26px; }
.post-navigation .nav-links > div a, .post-navigation a { color: var(--w-judul) !important; font-weight: 700; }
@media (max-width: 768px) {
	body.single .post-wrap > article, body.page .post-wrap > article, .error-404 { padding: 22px 18px; }
	.ab-hero-dalam { padding: 32px 15px 50px; }
}

/* ---------- Footer terang ---------- */
.shfb-footer, .shfb-footer .shfb-row-wrapper, #colophon { background: var(--w-kaki-latar) !important; color: var(--w-redup) !important; border-top: 1px solid var(--w-garis); }
.shfb-footer .shfb-below_footer_row .shfb-row { justify-content: center; text-align: center; padding: 26px 0; }
.shfb-footer .sydney-credits { width: 100%; text-align: center; font-size: calc(.88 * var(--rem)); color: var(--w-redup) !important; }
.shfb-footer .sydney-credits a { color: var(--w-utama) !important; }
.ab-nav-kaki .ab-menu-kaki { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 10px; list-style: none; margin: 0 0 10px; padding: 0; }
.ab-nav-kaki .ab-menu-kaki a { display: inline-block; padding: 4px 10px; border-radius: 999px; font-weight: 650; color: var(--w-judul) !important; }
.ab-nav-kaki .ab-menu-kaki a:hover { background: #fff; }
.ab-kaki-hak { margin: 0; }

/* ---------- Penyesuaian ---------- */
/* Header: kolom logo selebar isinya, menu satu baris */
@media (min-width: 1025px) {
	.shfb-desktop .shfb-main_header_row .shfb-row { display: flex !important; gap: 24px; }
	.shfb-desktop .shfb-main_header_row .shfb-column-1 { flex: none !important; width: auto !important; }
	.shfb-desktop .shfb-main_header_row .shfb-column-2 { flex: 1 1 auto !important; width: auto !important; display: flex; align-items: center; gap: 10px; }
	.shfb-header .main-navigation .sydney-dropdown-ul { flex-wrap: nowrap; }
	.shfb-header .main-navigation .sydney-dropdown-ul > li > a { padding: 8px 11px !important; font-size: calc(.86 * var(--rem)) !important; white-space: nowrap; }
}
.shfb-mobile .site-title { white-space: nowrap; }
/* Kolom konten 70% + sidebar 30% */
@media (min-width: 992px) {
	.content-wrapper > .row > #primary.sidebar-right, .error404 .content-wrapper > .row > #primary { flex: 0 0 70% !important; max-width: 70% !important; width: 70% !important; }
	.content-wrapper > .row > #secondary { flex: 0 0 30% !important; max-width: 30% !important; width: 30% !important; padding-left: 26px; }
}
#secondary .wp-block-search__inside-wrapper { display: flex; }
#secondary .wp-block-search__input { flex: 1 1 auto; width: auto; min-width: 0; }
/* Navigasi antarartikel & komentar dalam kartu */
.single .post-navigation, .comments-area {
	background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius-kartu); padding: 22px 28px; margin-top: 24px; box-shadow: var(--bayangan-kecil);
}
.single .post-navigation .nav-links { display: flex; gap: 16px; justify-content: space-between; }
.single .post-navigation .nav-links > div { flex: 1; padding: 0 !important; border: 0 !important; }
.single .post-navigation .nav-next { text-align: right; }
.comments-area .comment-reply-title { margin-top: 0; font-size: calc(1.3 * var(--rem)); font-weight: 800; }
.comments-area input[type=text], .comments-area input[type=email], .comments-area input[type=url], .comments-area textarea {
	width: 100%; border: 1px solid var(--w-garis-tegas) !important; border-radius: 12px !important; background: var(--w-latar-baris) !important; padding: .65em .9em !important; color: var(--w-judul);
}
.comments-area .form-submit .submit, .comments-area #submit {
	width: auto !important; padding: .75em 1.6em !important; border-radius: 999px !important; background: var(--w-utama) !important; border: 0 !important; color: #fff !important;
	font-weight: 800; text-transform: none !important; letter-spacing: 0 !important; font-size: calc(.95 * var(--rem)) !important;
}
.comments-area .form-submit .submit:hover { background: var(--w-utama-hover) !important; }
@media (max-width: 768px) { .single .post-navigation, .comments-area { padding: 18px; } }
/* Footer: isi di tengah */
.shfb-footer .shfb-below_footer_row .shfb-column-1 { width: 100%; justify-content: center !important; align-items: center; }
.shfb-footer .shfb-component-copyright { width: 100%; }
@media (min-width: 1025px) {
	.shfb-desktop .shfb-component-menu { flex: 1 1 auto; min-width: 0; }
	.shfb-desktop .shfb-component-menu .main-navigation, .shfb-desktop .shfb-component-menu .menu-menu-utama-container { width: 100%; }
	.shfb-desktop #primary-menu { display: flex !important; flex-wrap: nowrap !important; justify-content: flex-end; }
}
@media (min-width: 1025px) {
	.shfb-desktop .shfb-main_header_row .shfb-column-1 { flex: 0 0 auto !important; min-width: max-content; max-width: none !important; }
	.shfb-desktop .shfb-main_header_row .shfb-column-2 { min-width: 0; max-width: none !important; }
}
@media (min-width: 1025px) and (max-width: 1440px) { .shfb-desktop .site-description { display: none; } }
@media (min-width: 1025px) and (max-width: 1200px) { .shfb-header .main-navigation .sydney-dropdown-ul > li > a { padding: 8px 7px !important; font-size: calc(.8 * var(--rem)) !important; } }
@media (min-width: 1025px) and (max-width: 1440px) { .shfb-desktop .shfb-component-logo .site-branding > div::before { grid-row: 1; } }
@media (min-width: 1025px) and (max-width: 1240px) { .shfb-desktop #primary-menu { flex-wrap: wrap !important; row-gap: 0; } }
.ab-cari-tombol, .wp-block-search__button { text-transform: none !important; letter-spacing: 0 !important; }
.error-404 .ab-cari { margin-left: auto; margin-right: auto; }
.shfb-mobile .shfb-component-logo .site-branding > div::before { grid-row: 1; }
.search .page-header .page-title { font-weight: 800 !important; }
.posts-layout article.type-page .content-inner { padding-top: 22px !important; }
.archive .page-header h1, .search .page-header h1 { font-weight: 800 !important; font-size: calc(1.7 * var(--rem)) !important; }
.archive .page-header h3, .search .page-header h3, .page-header .archive-title { margin: 0 !important; font-weight: 800 !important; font-size: calc(1.7 * var(--rem)) !important; color: var(--w-judul) !important; letter-spacing: -.02em; }

/* ---------- Varian komponen ---------- */
/* varian toc: kartu */
.ab-daftar-isi{background:#fff;box-shadow:var(--bayangan)}.ab-daftar-isi ol{list-style:none;counter-reset:d;padding-left:1.25em!important}.ab-daftar-isi li{counter-increment:d;display:flex;gap:.65em;align-items:flex-start}.ab-daftar-isi li::before{content:counter(d);flex:none;width:1.7em;height:1.7em;margin-top:-.05em;border-radius:50%;background:var(--w-lembut);color:var(--w-utama);font-weight:700;font-size:.78em;display:grid;place-items:center}
/* varian faq: kiri */
.ab-faq-item{border:0;border-left:4px solid var(--w-aksen);border-radius:0 var(--radius) var(--radius) 0;box-shadow:none}.ab-faq-item h3::before{display:none}.ab-faq-item p{margin-left:0}