/* ==========================================================================
   Laba Toko Child — palet & font (dibuat oleh bangun.js dari situs.json)
   ========================================================================== */
@font-face {
	font-family: "DM Sans Variable"; font-style: normal; font-display: swap; font-weight: 100 900;
	src: url("../fonts/dm-sans-latin-wght-normal.woff2") format("woff2-variations"), url("../fonts/dm-sans-latin-wght-normal.woff2") format("woff2");
}
:root {
	--w-utama: #7c3aed;
	--w-utama-hover: #6d28d9;
	--w-judul: #1e1b3a;
	--w-teks: #34304a;
	--w-redup: #6b6785;
	--w-aksen: #db2777;
	--w-aksen-tegas: #be185d;
	--w-aksen-lembut: #fdf2f8;
	--w-aksen-garis: #fbcfe8;
	--w-lembut: #f5f3ff;
	--w-garis: #ebe7f7;
	--w-garis-tegas: #d8d0f0;
	--w-latar: #faf9ff;
	--w-latar-baris: #fcfbff;
	--w-tautan: #6d28d9;
	--w-tautan-hover: #be185d;
	--w-kode-latar: #faf8ff;
	--w-kode-teks: #2e1065;
	--w-tautan-garis: rgba(124,58,237, .35);
	--w-bayang-warna: rgba(124,58,237, .55);
	--w-sorot: rgba(219,39,119, .22);
	--w-pita: linear-gradient(90deg, #7c3aed, #db2777);
	--w-hero-latar: radial-gradient(900px 320px at 0% -10%, rgba(124,58,237, .14), transparent 60%), radial-gradient(640px 280px at 100% 0%, rgba(219,39,119, .12), transparent 60%), linear-gradient(180deg, #f5f3ff, #faf9ff);
	--w-kaki-latar: #f3effd;
	--radius: 14px;
	--radius-kecil: 10px;
	--bayangan: 0 14px 34px -14px rgba(124,58,237, .28);
	--bayangan-kecil: 0 1px 2px rgba(0, 0, 0, .04), 0 3px 10px rgba(0, 0, 0, .035);
	--font: "DM Sans 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%27M3%209l1.5-5h15L21%209%27%2F%3E%3Cpath%20d%3D%27M3%209a3%203%200%200%200%206%200%203%203%200%200%200%206%200%203%203%200%200%200%206%200%27%2F%3E%3Cpath%20d%3D%27M5%2012v8h14v-8%27%2F%3E%3Cpath%20d%3D%27M10%2020v-5h4v5%27%2F%3E%3C%2Fsvg%3E");
	--logo-latar: linear-gradient(140deg, #7c3aed, #6d28d9);
	--logo-radius: 12px;
}

/* ==========================================================================
   Komponen umum child theme jaringan blog (pita sambutan, dll.)
   ========================================================================== */
.lt-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);
}
.lt-hero-label::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: var(--w-aksen); }
.lt-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);
}
.lt-hero-judul span { color: var(--w-utama); background: linear-gradient(transparent 64%, var(--w-sorot) 64%); }
.lt-hero-teks { max-width: 58ch; margin: 0; font-size: calc(1.06 * var(--rem, 1rem)); line-height: 1.65; color: var(--w-redup); }
.lt-hero-kategori { display: flex; flex-wrap: wrap; gap: .5em; margin-top: 1.5em; }
.lt-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;
}
.lt-hero-kategori a:hover { color: var(--w-utama); border-color: var(--w-utama); background: var(--w-lembut); }
@media (max-width: 768px) { .lt-hero-kategori a { padding: .38em .85em; font-size: calc(.82 * var(--rem, 1rem)); } }
.entry-content .lt-info-artikel, .nv-content-wrap .lt-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 OceanWP — "majalah toko": daftar mendatar + sidebar kanan
   ========================================================================== */
:root { --lebar-wadah: 1200px; }
body, h1, h2, h3, h4, h5, h6, .site-title, #site-navigation-wrap .dropdown-menu > li > a, button, input, select, textarea {
	font-family: var(--font) !important;
}
body { background: var(--w-latar); color: var(--w-teks); -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 1.7; }
#wrap, #main, #outer-wrap { background: transparent; }
a { color: var(--w-tautan); }
a:hover { color: var(--w-tautan-hover); }
h1, h2, h3, h4 { color: var(--w-judul); }
#top-bar-wrap.has-no-content, #top-bar-wrap:has(.has-no-content) { display: none; }
#scroll-top { display: none !important; }

/* ---------- Header: pita warna di atas + logo kiri ---------- */
#site-header { background: #fff; border-bottom: 1px solid var(--w-garis) !important; }
#site-header::before { content: ""; display: block; height: 5px; background: var(--w-pita); }
#site-header-inner { min-height: 76px; }
#site-logo #site-logo-inner { height: 76px !important; }
#site-logo a.site-logo-text, #site-logo a.site-title {
	display: inline-flex; align-items: center; gap: calc(.65 * var(--rem, 1rem)); font-size: calc(1.45 * var(--rem, 1rem)) !important; font-weight: 800 !important;
	letter-spacing: -.025em; color: var(--w-judul) !important; text-transform: none;
}
#site-logo a.site-logo-text::before {
	content: ""; flex: none; width: 40px; height: 40px; border-radius: var(--logo-radius, 12px);
	background: var(--logo-ikon) center / 22px no-repeat, var(--logo-latar); box-shadow: 0 6px 14px -6px var(--w-bayang-warna);
}
#site-navigation-wrap .dropdown-menu > li > a {
	font-size: calc(.92 * var(--rem, 1rem)) !important; font-weight: 600 !important; color: var(--w-judul) !important; line-height: 76px !important;
	padding: 0 12px !important; letter-spacing: 0 !important; text-transform: none !important; position: relative;
}
#site-navigation-wrap .dropdown-menu > li > a::after {
	content: ""; position: absolute; left: 12px; right: 12px; bottom: 20px; height: 3px; border-radius: 3px;
	background: var(--w-pita); transform: scaleX(0); transition: transform .2s; transform-origin: left;
}
#site-navigation-wrap .dropdown-menu > li > a:hover::after,
#site-navigation-wrap .dropdown-menu > li.current-menu-item > a::after,
#site-navigation-wrap .dropdown-menu > li.current-menu-ancestor > a::after { transform: scaleX(1); }
#site-navigation-wrap .dropdown-menu > li > a:hover, #site-navigation-wrap .dropdown-menu > li.current-menu-item > a { color: var(--w-utama) !important; }
.dropdown-menu .sub-menu { border: 1px solid var(--w-garis) !important; border-top: 3px solid var(--w-utama) !important; border-radius: 0 0 12px 12px; box-shadow: var(--bayangan) !important; }
#searchform-dropdown { border-top-color: var(--w-utama) !important; }
.oceanwp-mobile-menu-icon a { color: var(--w-judul) !important; font-weight: 700; }
#mobile-dropdown { background: #fff !important; border-top: 1px solid var(--w-garis); box-shadow: var(--bayangan); }
#mobile-dropdown ul li a { color: var(--w-judul) !important; font-weight: 600; border-color: var(--w-garis) !important; }
#mobile-dropdown ul li.current-menu-item > a { color: var(--w-utama) !important; }

/* ---------- Pita sambutan: rata kiri, garis aksen ---------- */
.lt-hero-beranda { background: var(--w-hero-latar); border-bottom: 1px solid var(--w-garis); }
.lt-hero-dalam { max-width: var(--lebar-wadah); width: 90%; margin: 0 auto; padding: 46px 0 40px; position: relative; }
.lt-hero-dalam::before { content: ""; position: absolute; left: -22px; top: 50px; bottom: 44px; width: 4px; border-radius: 4px; background: var(--w-pita); }
@media (max-width: 1240px) { .lt-hero-dalam::before { display: none; } }

/* ---------- Isi & sidebar ---------- */
#content-wrap { padding-top: 40px; padding-bottom: 50px; }
.content-area { border-right: 0 !important; }
.widget-area.sidebar-primary { border-left: 0 !important; }

/* Daftar mendatar */
.blog-entry.thumbnail-entry {
	position: relative; margin-bottom: 22px !important; padding: 0 !important; border: 1px solid var(--w-garis) !important; border-radius: var(--radius);
	background: #fff; box-shadow: var(--bayangan-kecil); overflow: hidden; transition: transform .2s, box-shadow .2s, border-color .2s;
}
.blog-entry.thumbnail-entry:hover { transform: translateY(-2px); box-shadow: var(--bayangan); border-color: var(--w-garis-tegas) !important; }
.blog-entry.thumbnail-entry .blog-entry-inner { display: flex; align-items: stretch; gap: 0; }
.blog-entry.thumbnail-entry .thumbnail { width: 40% !important; flex: none; margin: 0 !important; }
.blog-entry.thumbnail-entry .thumbnail a, .blog-entry.thumbnail-entry .thumbnail img { display: block; height: 100%; }
.blog-entry.thumbnail-entry .thumbnail img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0 !important; }
.blog-entry.thumbnail-entry .blog-entry-content { width: auto !important; flex: 1; padding: 18px 22px !important; display: flex; flex-direction: column; }
.blog-entry.thumbnail-entry .blog-entry-category a {
	position: relative; z-index: 2; display: inline-block; padding: .28em .65em; border-radius: 6px; font-size: calc(.68 * var(--rem, 1rem)); font-weight: 700;
	letter-spacing: .06em; text-transform: uppercase; color: var(--w-utama) !important; background: var(--w-lembut);
}
.blog-entry.thumbnail-entry .blog-entry-title { font-size: calc(1.15 * var(--rem, 1rem)) !important; font-weight: 750 !important; line-height: 1.4 !important; letter-spacing: -.01em; margin: .45em 0 .35em; }
.blog-entry.thumbnail-entry .blog-entry-title a { color: var(--w-judul) !important; }
.blog-entry.thumbnail-entry .blog-entry-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.blog-entry.thumbnail-entry:hover .blog-entry-title a { color: var(--w-utama) !important; }
.blog-entry.thumbnail-entry .blog-entry-summary { font-size: calc(.92 * var(--rem, 1rem)); line-height: 1.65; color: var(--w-redup); margin: 0; }
.blog-entry.thumbnail-entry .blog-entry-summary p { margin: 0; }
.blog-entry.thumbnail-entry .blog-entry-bottom { margin-top: auto; padding-top: 10px; border-top: 0 !important; font-size: calc(.78 * var(--rem, 1rem)); color: var(--w-redup); }
.blog-entry.thumbnail-entry .blog-entry-comments { display: none; }
@media (max-width: 680px) {
	.blog-entry.thumbnail-entry .blog-entry-inner { flex-direction: column; }
	.blog-entry.thumbnail-entry .thumbnail { width: 100% !important; }
}
.oceanwp-pagination ul li a, .oceanwp-pagination ul li span {
	border-radius: 10px !important; border: 1px solid var(--w-garis) !important; background: #fff !important; color: var(--w-judul) !important; font-weight: 600;
}
.oceanwp-pagination ul li span.current { background: var(--w-utama) !important; border-color: var(--w-utama) !important; color: #fff !important; }

/* Judul arsip */
.page-header { background: var(--w-hero-latar) !important; border-bottom: 1px solid var(--w-garis); }
.page-header .page-header-title { font-weight: 800; color: var(--w-judul) !important; letter-spacing: -.02em; text-transform: none; }

/* Sidebar */
.sidebar-box {
	padding: 22px !important; margin-bottom: 22px !important; background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius); box-shadow: var(--bayangan-kecil);
}
.sidebar-box .wp-block-heading, .sidebar-box .widget-title {
	margin: 0 0 .9em !important; padding: 0 0 .55em !important; border: 0 !important; border-bottom: 2px solid var(--w-lembut) !important;
	font-size: calc(.98 * var(--rem, 1rem)) !important; font-weight: 800 !important; letter-spacing: 0; text-transform: none; color: var(--w-judul) !important; position: relative;
}
.sidebar-box .wp-block-heading::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 34px; height: 2px; background: var(--w-utama); }
.sidebar-box ul { margin: 0; padding: 0; list-style: none; }
.sidebar-box ul li { padding: .5em 0; border-bottom: 1px solid var(--w-garis); line-height: 1.45; }
.sidebar-box ul li:last-child { border-bottom: 0; }
.sidebar-box a { color: var(--w-judul); font-weight: 600; }
.sidebar-box a:hover { color: var(--w-utama); }
.sidebar-box .wp-block-categories li { display: flex; justify-content: space-between; color: var(--w-redup); font-size: calc(.84 * var(--rem, 1rem)); }
.sidebar-box .wp-block-latest-posts__post-date { display: block; font-size: calc(.76 * var(--rem, 1rem)); color: var(--w-redup); }
.wp-block-search__inside-wrapper { padding: 4px; background: #fff; border: 1px solid var(--w-garis-tegas) !important; border-radius: 10px; }
.wp-block-search__input { border: 0 !important; background: transparent !important; padding: .5em .8em !important; min-width: 0; }
.wp-block-search__button { margin-left: 4px !important; border-radius: 8px !important; background: var(--w-utama) !important; color: #fff !important; font-weight: 700; border: 0 !important; }

/* ---------- Artikel tunggal ---------- */
.single-post #primary article.single-post-entry, .single article.post {
	background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius); box-shadow: var(--bayangan-kecil); padding: 34px 38px;
}
@media (max-width: 768px) { .single article.post { padding: 22px 18px; } }
.single-post-title, .single .entry-title { font-size: clamp(calc(1.7 * var(--rem, 1rem)), calc(1.2 * var(--rem, 1rem)) + 1.8vw, calc(2.25 * var(--rem, 1rem))) !important; font-weight: 800 !important; line-height: 1.22 !important; letter-spacing: -.025em; color: var(--w-judul); }
.single .entry-header { margin-bottom: .6em !important; }
ul.meta { padding-bottom: 1.2em !important; margin-bottom: 1.4em !important; border-bottom: 1px dashed var(--w-garis-tegas) !important; font-size: calc(.82 * var(--rem, 1rem)); color: var(--w-redup); }
ul.meta li, ul.meta li a { color: var(--w-redup) !important; }
ul.meta li i { color: var(--w-utama) !important; }
.single .entry-content h2 { padding-bottom: .3em; border-bottom: 2px solid var(--w-lembut); }
.single .entry-content .lt-blok-faq h2, .single .entry-content .lt-judul-terkait { border-bottom: 0; }
.post-navigation .nav-links .title { color: var(--w-utama); font-weight: 700; }
.post-navigation .nav-links a .post-title { color: var(--w-judul); }
.post-tags { font-size: calc(.85 * var(--rem, 1rem)); }

/* ---------- Footer: terang, rata tengah ---------- */
#footer-bottom { background: var(--w-kaki-latar) !important; border-top: 1px solid var(--w-garis); padding: 28px 0 !important; }
#footer-bottom #footer-bottom-menu { display: none !important; }
#footer-bottom #copyright { float: none !important; width: 100% !important; text-align: center !important; color: var(--w-redup) !important; font-size: calc(.88 * var(--rem, 1rem)); }
#footer-bottom #copyright a { color: var(--w-utama) !important; }
#footer-widgets { display: none; }
.lt-nav-kaki .lt-menu-kaki { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 10px; list-style: none; margin: 0 0 10px; padding: 0; }
.lt-nav-kaki .lt-menu-kaki li { display: inline-block; }
.lt-nav-kaki .lt-menu-kaki a { display: inline-block; padding: 4px 10px; border-radius: 8px; font-weight: 600; color: var(--w-judul) !important; }
.lt-kaki-hak { margin: 0; }
.widget-area .sidebar-box a, .sidebar-box .wp-block-latest-posts__post-title, .sidebar-box .wp-block-categories a { color: var(--w-judul) !important; text-decoration: none !important; }
.widget-area .sidebar-box a:hover { color: var(--w-utama) !important; }
.blog-entry.thumbnail-entry .blog-entry-title { font-weight: 700 !important; }
:root { --rem: 16px; }
html body { font-size: 16px !important; }
.single .entry-content, .single .entry-content p, .single .entry-content li { font-size: 17px; }

/* ---------- Varian komponen ---------- */
/* varian faq: garis */
.lt-faq-item{background:transparent;border:0;border-bottom:1px solid var(--w-garis);border-radius:0;box-shadow:none;padding:1em 0;margin:0}
/* varian bagikan: teks */
.entry-content .lt-bagikan a,.lt-bagikan button{border:0!important;background:none!important;padding:.3em .55em!important;text-decoration:underline!important;text-underline-offset:3px}.lt-bagikan a::before{width:.45em;height:.45em}
/* varian terkait: daftar */
.lt-terkait-grid{grid-template-columns:1fr!important;gap:calc(.65 * var(--rem, 1rem))}.lt-kartu-terkait{flex-direction:row;align-items:center}.lt-kartu-terkait img{width:190px;flex:none;margin:8px 0 8px 8px;border-radius:8px}@media(max-width:760px){.lt-kartu-terkait img{width:40%}}