/* =========================================================
   Primbon Kaweruh Jawa — primbon.css (CLEAN)
   Hanya styling (.pkj-*). Layout & font ikut tema.
   ========================================================= */

/* ---------- Tokens ---------- */
.pkj-wrap, .pkj-weton-full, .pkj-weton-form, .pkj-box{
  --pkj-accent:#F5C23B;   /* emas */
  --pkj-text:#DDE3EE;     /* teks utama (gelap) */
  --pkj-muted:#9AA5B1;    /* teks sekunder */
  --pkj-border:#2A3342;   /* garis tipis */
  --pkj-card:#1B2432;     /* latar kartu/figure */
  --pkj-rad:12px;
  --pkj-s-1:4px; --pkj-s-2:8px; --pkj-s-3:12px; --pkj-s-4:16px; --pkj-s-5:24px; --pkj-s-6:32px;
  --pkj-fast:160ms;
}

/* =========================================================
   1) FORM CEK WETON (Router & Shortcode)
   ========================================================= */
.pkj-weton-form{
  display:flex; gap:.75rem; align-items:center; flex-wrap:wrap;
  margin:.6rem 0 2rem;     /* jarak bawah supaya tidak nabrak hasil */
  clear:both; float:none; width:100%; /* pastikan jadi baris penuh */
}
@media (min-width:1024px){
  .pkj-weton-form{ margin-right:clamp(24px,3vw,48px); width:auto } /* bila berdampingan, beri spasi kanan */
}
.pkj-weton-form__label{ font-weight:600; color:#DADEE8; }

/* input <date> */
.pkj-weton-form .pkj-weton-form__date{
  font-size:1.12rem; padding:.9rem 1.05rem; min-width:15.5rem;
  color:#EAEFF4; background:#2B2E33;
  border:1px solid #3A3D44; border-radius:20px; outline:none;
  transition:border-color var(--pkj-fast), box-shadow var(--pkj-fast);
  padding-right: 3rem;
  -webkit-appearance: none;
  color-scheme: dark;
}
.pkj-weton-form .pkj-weton-form__date:focus{
  box-shadow:0 0 0 3px rgba(241,196,15,.28); border-color:#F1C40F;
}

/* tombol emas 3D + glossy + pattern batik */
.pkj-weton-form button.pkj-weton-form__btn,
.pkj-weton-form .pkj-weton-form__btn{
  appearance:none;
  position:relative; isolation:isolate;
  padding:1rem 1.5rem;
  border-radius:24px; border:1px solid #a87704;
  color:#1a1a1a; font-weight:900; letter-spacing:.2px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23b07f05' stroke-opacity='.22' stroke-width='.8'%3E%3Cpath d='M0 12h24M12 0v24'/%3E%3Cpath d='M0 0l24 24M24 0L0 24'/%3E%3C/g%3E%3C/svg%3E") repeat,
    radial-gradient(120% 100% at 50% 0%, rgba(255,243,166,.9) 0%, rgba(255,243,166,0) 55%),
    linear-gradient(180deg,#ffe066 0%, #f7cf42 35%, #f1c40f 60%, #d4ac0d 100%);
  background-size:22px 22px, auto, auto;
  box-shadow:
    0 18px 34px rgba(0,0,0,.48),
    0 4px 0 rgba(0,0,0,.18) inset,
    0 1px 0 rgba(255,255,255,.45) inset;
  transition:filter var(--pkj-fast), transform var(--pkj-fast), box-shadow var(--pkj-fast);
  cursor:pointer;
}
.pkj-weton-form .pkj-weton-form__btn::before{
  content:""; position:absolute; inset:0 0 50% 0; border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0));
  pointer-events:none; mix-blend-mode:screen;
}
.pkj-weton-form .pkj-weton-form__btn::after{
  content:""; position:absolute; left:10%; top:8%; width:60%; height:30%;
  transform:skewX(-20deg);
  background:linear-gradient(90deg,rgba(255,255,255,.25),rgba(255,255,255,0));
  border-radius:40px; pointer-events:none;
}
.pkj-weton-form .pkj-weton-form__btn:hover{
  filter:brightness(1.06);
  box-shadow:0 22px 40px rgba(0,0,0,.55),
             0 4px 0 rgba(0,0,0,.2) inset,
             0 1px 0 rgba(255,255,255,.55) inset;
}
.pkj-weton-form .pkj-weton-form__btn:active{
  transform:translateY(1px);
  box-shadow:0 12px 24px rgba(0,0,0,.5),
             0 3px 0 rgba(0,0,0,.22) inset,
             0 1px 0 rgba(255,255,255,.45) inset;
}
.pkj-weton-form .pkj-weton-form__btn:focus{ outline:3px solid #f1c40f; outline-offset:2px; }

@media (max-width:900px){
  .pkj-weton-form{ flex-direction:column; align-items:stretch }
  .pkj-weton-form .pkj-weton-form__btn{ width:100% }
}

/* =========================================================
   2) HALAMAN HASIL — WETON FULL
   ========================================================= */

/* H1 */
.pkj-weton-full .pkj-title{
  font-weight:800; text-transform:uppercase; letter-spacing:.5px;
  color:var(--pkj-accent); margin:0 0 var(--pkj-s-5);
}
@media (max-width:640px){
  .pkj-weton-full .pkj-title{ font-size:clamp(20px, 7vw, 28px); line-height:1.2; }
}

/* Subjudul “WATAK BERDASARKAN WETON/WUKU” — tanpa dobel */
.pkj-weton-full h2.pkj-sub{
  position:relative; font-size:0; line-height:1.2; color:transparent; text-shadow:none;
  margin:var(--pkj-s-6) 0 var(--pkj-s-4);
}
.pkj-weton-full h2.pkj-sub::before,
.pkj-weton-full h2.pkj-sub::after{
  font-size:14px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}
.pkj-weton-full h2.pkj-sub::before{
  content:"WATAK BERDASARKAN "; color:var(--pkj-text);
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}
.pkj-weton-full h2.pkj-sub::after{
  content:"WETON"; color:var(--pkj-accent); margin-left:.15em;
  text-shadow:0 1px 0 rgba(0,0,0,.35), 0 2px 6px rgba(245,194,59,.18);
}
.pkj-weton-full h2.pkj-sub:nth-of-type(2)::after{ content:"WUKU"; }

/* Baris info (ikon kiri + teks kanan) */
.pkj-weton-full .pkj-row{ display:flex; gap:16px; align-items:center; padding:12px 0; }
.pkj-weton-full .pkj-ico{ width:96px; height:96px; flex:0 0 96px; object-fit:contain; margin:0; }
@media (max-width:900px){ .pkj-weton-full .pkj-ico{ width:64px; height:64px; flex:0 0 64px } }
@media (max-width:640px){ .pkj-weton-full .pkj-ico{ width:44px; height:44px; flex:0 0 44px } }

.pkj-weton-full .pkj-col{ flex:1; min-width:0; }
.pkj-weton-full .pkj-label{ font-size:15px; line-height:1.25; margin:2px 0 4px; color:var(--pkj-text) }
.pkj-weton-full .pkj-label b{ color:var(--pkj-accent); font-weight:800 }
.pkj-weton-full .pkj-desc{ color:var(--pkj-muted); font-size:14px; line-height:1.7; margin:0 }
.pkj-weton-full .pkj-mini{ color:var(--pkj-muted); font-size:12px; margin-top:2px }

/* Garis pemisah emas tipis */
.pkj-weton-full .pkj-sep{ border:0; border-top:1px solid rgba(245,194,59,.65); margin:0 }

/* Figure Wuku — dengan bingkai emas */
.pkj-wuku-fig{
  position:relative;
  margin:var(--pkj-s-5) 0 var(--pkj-s-4);
  border:1px solid rgba(245,194,59,.24);         /* garis tipis di dalam */
  border-radius:var(--pkj-rad);
  overflow:hidden;
  background:var(--pkj-card);

  /* cincin emas di luar + bayangan kedalaman */
  box-shadow:
    0 0 0 2px rgba(245,194,59,.65),              /* bingkai emas luar (ikut radius) */
    0 12px 28px rgba(0,0,0,.28);                 /* drop shadow halus */
}

/* (opsional) glow lembut saat hover */
.pkj-wuku-fig:hover{
  box-shadow:
    0 0 0 2px rgba(245,194,59,.8),
    0 16px 34px rgba(0,0,0,.35);
}
.pkj-wuku-img{ width:100%; display:block; aspect-ratio:4/5; object-fit:cover }
.pkj-wuku-cap{
  position:absolute; top:var(--pkj-s-4); right:var(--pkj-s-4);
  padding:var(--pkj-s-2) var(--pkj-s-3);
  background:rgba(0,0,0,.35); color:#fff; font-weight:800; text-transform:uppercase;
  letter-spacing:.6px; border-radius:8px; backdrop-filter:saturate(120%) blur(1px);
}
.pkj-wuku-mark{
  position:absolute; left:var(--pkj-s-4); bottom:var(--pkj-s-4);
  color:rgba(255,255,255,.72); font-weight:800; text-transform:uppercase;
  letter-spacing:.5px; text-shadow:0 1px 2px rgba(0,0,0,.35);
}

/* Narasi & daftar */
.pkj-body{ color:var(--pkj-text); line-height:1.7 }
.pkj-body p{ margin:0 0 var(--pkj-s-3) }

/* Ringkasan wuku: label kuning + shadow mewah */
.pkj-dl{ margin:var(--pkj-s-3) 0 }
.pkj-dl dt{
  font-weight:700; margin:10px 0 4px;
  color:var(--pkj-accent);
  text-shadow:0 1px 0 rgba(0,0,0,.35), 0 2px 6px rgba(245,194,59,.18);
}
.pkj-dl dd{ margin:0 0 8px; color:var(--pkj-text) }

/* Paragraf dengan label tebal (Arah Baik:, Pantangan:, Baik Untuk:, Tidak Baik Untuk:) */
.pkj-body > b{
  display:block; margin:10px 0 6px;
  color:var(--pkj-accent);
  text-shadow:0 1px 0 rgba(0,0,0,.35), 0 2px 6px rgba(245,194,59,.18);
}

/* Judul kecil section (Sedekah & Sesaji / Arah & Pantangan / Hari Baik & Larangan) ? putih */
.pkj-sec{
  color:var(--pkj-text);
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}

.pkj-list{ margin:8px 0 12px 18px }
.pkj-list li{ margin:6px 0; line-height:1.7; color:var(--pkj-text) }
.pkj-list li::marker{ color:var(--pkj-accent) }

/* =========================================================
   3) UTILITIES
   ========================================================= */
.pkj-box{
  background:var(--pkj-card); border:1px solid var(--pkj-border);
  border-radius:var(--pkj-rad); padding:var(--pkj-s-4); color:var(--pkj-text);
}
.pkj-msg{ color:var(--pkj-muted) }

/* =========================================================
   4) DISCLAIMER (premium look, tanpa duplikasi)
   ========================================================= */
.pkj-disclaimer{
  margin-top:1.1rem;
  padding:.9rem 1rem .95rem;
  border:1px solid var(--pkj-border, #2A3342);
  border-radius:var(--pkj-rad, 12px);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none' stroke='%23b07f05' stroke-opacity='.12' stroke-width='.8'%3E%3Cpath d='M0 9h18M9 0v18'/%3E%3Cpath d='M0 0l18 18M18 0L0 18'/%3E%3C/g%3E%3C/svg%3E") repeat,
    linear-gradient(180deg, rgba(245,194,59,.08), rgba(245,194,59,.02));
  background-size:18px 18px, auto;
  box-shadow:
    0 1px 0 rgba(255,255,255,.03) inset,
    0 10px 24px rgba(0,0,0,.20);
  display:flex;
  gap:.65rem;
  align-items:flex-start;
  color:var(--pkj-text, #DDE3EE);
  line-height:1.55;
}
.pkj-disclaimer__icon{
  width:28px; height:28px;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:16px; line-height:1;
  color:#1a1a1a;
  background:linear-gradient(180deg,#ffeaa3 0%, #f1c40f 70%);
  border:1px solid #a87704;
  border-radius:50%;
  box-shadow:0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.45);
  flex:0 0 28px;
}
.pkj-disclaimer strong{
  color:var(--pkj-accent, #F5C23B);
  text-shadow:0 1px 0 rgba(0,0,0,.35), 0 2px 6px rgba(245,194,59,.18);
  font-weight:800;
}
.pkj-disclaimer a{
  color:var(--pkj-accent, #F5C23B);
  text-decoration:underline; text-underline-offset:2px;
}
@media (max-width:480px){
  .pkj-disclaimer{ font-size:.8125rem; }
}
/* Make calendar icon visible on dark backgrounds */
.pkj-weton-form .pkj-weton-form__date::-webkit-calendar-picker-indicator{
  opacity: .9;
  filter: invert(1) brightness(1.1);
  cursor: pointer;
}


/* =========================================
   PKJ: Hide white theme card behind the form
   - Scope: only pages that contain .pkj-weton-form
   - Safe for GeneratePress 'separate-containers'
   ========================================= */
.separate-containers .inside-article:has(.pkj-weton-form){
  background: transparent !important;
  box-shadow: none !important;
}

/* Fallback for browsers without :has() — limit to the current page id */
.page-id-404.separate-containers .inside-article{
  background: transparent !important;
  box-shadow: none !important;
}
/* TOP wrapper: H1 + form vertikal */
.pkj-wf__top{
  display:flex; flex-direction:column; align-items:flex-start;
  gap:.75rem; margin-bottom:.9rem;
}
@media (min-width:1024px){ .pkj-wf__top{ gap:.95rem; } }

/* Share bar emas eksklusif */
.pkj-weton-full .pkj-disclaimer{ margin-bottom:.6rem; }
.pkj-weton-full .pkj-share{
  display:flex; gap:.6rem; flex-wrap:wrap; align-items:center;
  max-width:840px; margin:1rem auto .5rem;
}
.pkj-share__btn{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.55rem .9rem; border-radius:999px;
  background:linear-gradient(180deg,#F6D97F,#F1C85A);
  color:#1b1b1b; font-weight:800; text-decoration:none;
  border:1px solid rgba(245,208,112,.55);
  box-shadow:0 6px 18px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.35);
}
.pkj-share__btn:hover{ filter:brightness(1.02); transform:translateY(-1px); }
.pkj-share__btn svg{ width:18px; height:18px; fill:currentColor; }
@media (max-width:480px){ .pkj-share__btn{ flex:1 0 100%; justify-content:center; } }
/* ——— Spasi aman di atas H1 (Weton Full) ——— */
.pkj-weton-full{
  /* turunkan seluruh blok konten sedikit dari header */
  padding-top: clamp(16px, 2.6vw, 36px);
}

/* pastikan H1 tidak nambah margin dobel */
.pkj-weton-full .pkj-title{
  margin-top: 0;
  /* enak saat auto-scroll dengan header sticky */
  scroll-margin-top: 84px;
}

/* kalau layar lebar mau sedikit lebih lega */
@media (min-width: 1024px){
  .pkj-weton-full{ padding-top: 40px; } /* silakan kecilkan/naikkan sesuai selera */
}
/* =======================================================
   DARK THEME PATCH — FINAL CLEAN
   - Artikel landing putih
   - H1 gold foil, H2 & blockquote emas (H2 kecil di mobile)
   - FAQ accordion (jawaban putih)
   - Tombol emas (untuk disclaimer / CTA)
   ======================================================= */

/* 0) Basis teks putih untuk landing */
.pkj-landing{ --pkj-text:#F2F6FF; }
.pkj-landing :is(p, li, ol, ul, code, em, span, small, time, dd, dt, strong){
  color: var(--pkj-text) !important;
}
.pkj-landing .pkj-subtle{ color: var(--pkj-text) !important; opacity:.92; } /* “Hari ini: …” */
.pkj-landing a{ color: var(--pkj-accent) !important; text-decoration: underline; text-underline-offset:2px; }
.pkj-landing ul>li::marker, .pkj-landing ol>li::marker{ color: var(--pkj-accent); }

/* 1) H1 — gold foil (landing & hasil) */
.pkj-landing .pkj-title,
.pkj-weton-full .pkj-title{
  font-weight:900;
  font-size:clamp(26px, 4.5vw, 44px);
  letter-spacing:.06em; text-transform:uppercase;
  margin:0 0 var(--pkj-s-5);
  background:linear-gradient(180deg,#fff7bf 0%,#ffe066 28%,#f7cf42 58%,#f1c40f 78%,#cfa50c 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.40)) drop-shadow(0 6px 18px rgba(245,194,59,.18));
}

/* 2) H2 — emas, responsif (lebih kecil di mobile) */
.pkj-landing h2,
.pkj-weton-full h2{
  color:var(--pkj-accent) !important;
  font-weight:900; text-transform:uppercase; letter-spacing:.05em;
  text-shadow:0 1px 0 rgba(0,0,0,.35), 0 2px 6px rgba(245,194,59,.18);
  font-size:clamp(16px, 3.6vw, 22px);
  margin-top:var(--pkj-s-6);
}

/* 3) Blockquote — emas + pattern batik */
.pkj-landing blockquote{
  color:var(--pkj-accent) !important;
  border-left:3px solid var(--pkj-accent);
  padding:.75rem 1rem; border-radius:10px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none' stroke='%23b07f05' stroke-opacity='.12' stroke-width='.8'%3E%3Cpath d='M0 9h18M9 0v18'/%3E%3Cpath d='M0 0l18 18M18 0L0 18'/%3E%3C/g%3E%3C/svg%3E") repeat,
    linear-gradient(180deg, rgba(245,194,59,.08), rgba(245,194,59,.02));
  background-size:18px 18px, auto;
}
.pkj-landing blockquote strong{ color:var(--pkj-accent) !important; }

/* 4) FAQ accordion (tanpa JS) */
.pkj-faq{ margin:.8rem 0 1.25rem; }
.pkj-faq details{
  margin:.6rem 0; border:1px solid var(--pkj-border); border-radius:12px;
  background:var(--pkj-card); overflow:hidden; box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.pkj-faq summary{
  cursor:pointer; list-style:none; user-select:none; position:relative;
  padding:.9rem 1rem; font-weight:800; color:var(--pkj-text) !important;
}
.pkj-faq summary::-webkit-details-marker{ display:none; }
.pkj-faq summary::after{
  content:'+'; position:absolute; right:1rem; top:50%; transform:translateY(-50%);
  font-weight:900; color:var(--pkj-accent);
}
.pkj-faq details[open] summary{ color:var(--pkj-accent) !important; }
.pkj-faq details[open] summary::after{ content:'–'; }
.pkj-faq .faq-a{
  padding:.9rem 1rem 1rem; border-top:1px solid var(--pkj-border);
  color:var(--pkj-text) !important; line-height:1.7;
}
.pkj-faq .faq-a a{ color:var(--pkj-accent) !important; }

/* 5) Tombol emas reusable (untuk disclaimer/CTA) */
.pkj-btn-gold{
  appearance:none; position:relative; isolation:isolate;
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.7rem 1.1rem; border-radius:999px; border:1px solid #a87704;
  color:#1a1a1a; font-weight:900; letter-spacing:.2px; text-decoration:none; cursor:pointer;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23b07f05' stroke-opacity='.22' stroke-width='.8'%3E%3Cpath d='M0 12h24M12 0v24'/%3E%3Cpath d='M0 0l24 24M24 0L0 24'/%3E%3C/g%3E%3C/svg%3E") repeat,
    radial-gradient(120% 100% at 50% 0%, rgba(255,243,166,.9) 0%, rgba(255,243,166,0) 55%),
    linear-gradient(180deg,#ffe066 0%, #f7cf42 35%, #f1c40f 60%, #d4ac0d 100%);
  background-size:22px 22px, auto, auto;
  box-shadow:0 18px 34px rgba(0,0,0,.48), 0 4px 0 rgba(0,0,0,.18) inset, 0 1px 0 rgba(255,255,255,.45) inset;
  transition:filter var(--pkj-fast), transform var(--pkj-fast), box-shadow var(--pkj-fast);
}
.pkj-btn-gold::before{
  content:""; position:absolute; inset:0 0 50% 0; border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0)); pointer-events:none; mix-blend-mode:screen;
}
.pkj-btn-gold::after{
  content:""; position:absolute; left:10%; top:8%; width:60%; height:30%; transform:skewX(-20deg);
  background:linear-gradient(90deg,rgba(255,255,255,.25),rgba(255,255,255,0)); border-radius:40px; pointer-events:none;
}
.pkj-btn-gold:hover{ filter:brightness(1.06); box-shadow:0 22px 40px rgba(0,0,0,.55), 0 4px 0 rgba(0,0,0,.2) inset, 0 1px 0 rgba(255,255,255,.55) inset; }
.pkj-btn-gold:active{ transform:translateY(1px); box-shadow:0 12px 24px rgba(0,0,0,.5), 0 3px 0 rgba(0,0,0,.22) inset, 0 1px 0 rgba(255,255,255,.45) inset; }
.pkj-btn-gold:focus{ outline:3px solid #f1c40f; outline-offset:2px; }
.pkj-disclaimer__btn{ margin-top:.6rem; }
/* Opsi teks putih di tombol: tambahkan class ini pada HTML */
.pkj-btn-gold--lighttext{ color:#fff !important; text-shadow:0 1px 0 rgba(0,0,0,.35); }
/* PRIVACY button: always black text, no underline */
.pkj-disclaimer a.pkj-btn-gold,
.pkj-disclaimer a.pkj-btn-gold:visited{
  color:#111 !important;
  text-decoration:none !important;
}
/* ========== Landing hero image: gold frame + rounded corners + soft shadow ========== */
.pkj-landing .pkj-hero{
  position: relative;
  margin: 0 0 1rem;              /* aman: kalau ada inline style, biarin saja */
  border-radius: 16px;           /* sudut membulat */
  padding: 2px;                  /* ring emas tipis di luar gambar */
  background: linear-gradient(180deg, rgba(245,194,59,.95), rgba(245,194,59,.65));
  box-shadow: 0 10px 24px rgba(0,0,0,.25);  /* shadow lembut */
}

.pkj-landing .pkj-hero img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;           /* sudut gambar ikut membulat (sedikit lebih kecil dari wrapper) */
  background: #0d0f14;           /* fallback gelap biar transisi mulus */
}

/* Responsive tweak: sedikit kecilkan radius & shadow di layar kecil */
@media (max-width:640px){
  .pkj-landing .pkj-hero{ border-radius: 12px; padding: 1.5px; box-shadow: 0 8px 18px rgba(0,0,0,.22); }
  .pkj-landing .pkj-hero img{ border-radius: 10px; }
}
/* Frame emas khusus figure yang berisi gambar tabel neptu */
.pkj-landing figure:has(> img[src$="tabel-neptu-hari-pasaran-jawa.webp"]){
  position: relative;
  margin: 1rem 0;
  border-radius: 16px;
  padding: 2px;
  background: linear-gradient(180deg, rgba(245,194,59,.95), rgba(245,194,59,.65));
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
}
.pkj-landing figure:has(> img[src$="tabel-neptu-hari-pasaran-jawa.webp"]) > img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
  background: #0d0f14;
}
/* =========================================================
   Blockquote intro putih–emas (hasil cek + prev/next)
   ========================================================= */
.pkj-introquote{
  position: relative;
  margin: .9rem 0 1.25rem;
  padding: 1rem 1.1rem 1rem 1.1rem;
  border-radius: var(--pkj-rad, 12px);
  color: var(--pkj-text, #DDE3EE);            /* teks putih */
  border: 1px solid rgba(245,194,59,.35);     /* bingkai emas tipis */
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none' stroke='%23b07f05' stroke-opacity='.10' stroke-width='.8'%3E%3Cpath d='M0 9h18M9 0v18'/%3E%3Cpath d='M0 0l18 18M18 0L0 18'/%3E%3C/g%3E%3C/svg%3E") repeat,
    linear-gradient(180deg, rgba(245,194,59,.10), rgba(245,194,59,.03)); /* gradasi batik + emas */
  background-size: 18px 18px, auto;
  box-shadow: 0 10px 24px rgba(0,0,0,.20);
}
.pkj-introquote::before{
  /* strip emas di kiri (aksen blockquote) */
  content: "";
  position: absolute; inset: 0 auto 0 0;
  width: 4px; border-radius: 8px 0 0 8px;
  background: linear-gradient(180deg,#ffe066,#f1c40f 60%,#d4ac0d);
  box-shadow: 0 0 0 1px rgba(245,194,59,.45);
}
.pkj-introquote p{
  margin: 0; line-height: 1.6;
  color: var(--pkj-text, #DDE3EE);            /* putih */
}

/* Nav prev/next di dalam blockquote */
.pkj-introquote__nav{
  display:flex; align-items:center; flex-wrap:wrap;
  gap:.5rem; margin-top:.55rem; font-size:.9375rem;
}
.pkj-introquote__nav .sep{ opacity:.6; color:var(--pkj-text); }

/* tombol kecil transparan-emas */
.pkj-introquote__nav a{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.35rem .6rem; border-radius:999px;
  color: var(--pkj-accent, #F5C23B);
  text-decoration:none; font-weight:800;
  border:1px solid rgba(245,194,59,.45);
  background: rgba(245,194,59,.10);
  transition: filter var(--pkj-fast), transform var(--pkj-fast), background var(--pkj-fast);
}
.pkj-introquote__nav a:hover{
  background: rgba(245,194,59,.18);
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* responsif */
@media (max-width:520px){
  .pkj-introquote{ padding: .9rem .9rem; }
  .pkj-introquote__nav a{ flex:0 0 auto; }
}
/* Share buttons: seragam lebar & center */
.pkj-share__btn{ justify-content:center; min-width:128px; }
.pkj-share__btn span{ min-width:5ch; text-align:center; }

/* Mobile: biar rapih dua/ tiga kolom */
@media (max-width:480px){
  .pkj-share__btn{ min-width:auto; flex:1 0 calc(50% - .5rem); }
}

/* =======================================================================
   PKJ THEME — Narrative & Summary (CLEAN)
   ======================================================================= */
:root{
  --pkj-fg: #E9EDF6;
  --pkj-gold: #F5D070;
  --pkj-gold-45: rgba(245,208,112,.45);
  --pkj-gold-35: rgba(245,208,112,.35);
  --pkj-gold-12: rgba(245,208,112,.12);
  --pkj-gold-06: rgba(245,208,112,.06);
  --pkj-accent: var(--pkj-gold);
}

/* Hilangkan container putih GeneratePress hanya di halaman PKJ */
.separate-containers .inside-article:has(.pkj-narr),
.separate-containers .inside-article:has(.pkj-summary){
  background: transparent; box-shadow: none;
}
/* -------------------------------------------------------
   Header & form (shared: Narrative + Summary)
------------------------------------------------------- */
.pkj-summary .pkj-sum__top,
.pkj-narr .pkj-narr__top{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:1rem; flex-wrap:wrap; margin-bottom:1rem;
}
.pkj-summary .pkj-weton-form,
.pkj-narr .pkj-weton-form{
  display:flex; align-items:center; gap:.6rem; flex-wrap:wrap;
}
.pkj-summary .pkj-weton-form__date,
.pkj-narr   .pkj-weton-form__date{ min-width:220px; }
.pkj-summary .pkj-weton-form__btn,
.pkj-narr   .pkj-weton-form__btn{ white-space:nowrap; }

/* stack di mobile */
@media (max-width:768px){
  .pkj-summary .pkj-sum__top, .pkj-narr .pkj-narr__top{
    flex-direction:column; align-items:flex-start;
  }
  .pkj-summary .pkj-weton-form, .pkj-narr .pkj-weton-form{ width:100%; }
  .pkj-summary .pkj-weton-form__date, .pkj-narr .pkj-weton-form__date{ width:100%; flex:1 1 auto; }
  .pkj-summary .pkj-weton-form__btn,  .pkj-narr .pkj-weton-form__btn{ width:100%; }
}

/* -------------------------------------------------------
   Kontras teks
------------------------------------------------------- */
.pkj-narr__text, .pkj-narr__text p, .pkj-narr__list li,
.pkj-sum__card,   .pkj-sum__card p,   .pkj-sum__card li{
  color:var(--pkj-fg); line-height:1.7;
}

/* =======================================================
   NARRATIVE (analisa-weton)
   ======================================================= */
.pkj-narr{ padding-top: clamp(24px, 4vw, 56px); padding-bottom: 2.75rem; }

.pkj-narr .pkj-narr__titles{ text-align:center; }

.pkj-narr .pkj-narr__h1{
  text-align:center;
  font-weight:800;
  font-size:clamp(1.9rem, 1.2rem + 2vw, 2.6rem);
  line-height:1.15;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#E9EDF6;
  margin:0 0 .6rem;
}
.pkj-narr .pkj-narr__h1::after{
  content:""; display:block; width:90px; height:3px; margin:.5rem auto 0;
  background:linear-gradient(90deg,transparent,var(--pkj-gold),transparent);
  border-radius:2px;
}
.pkj-narr .pkj-narr__h2{
  font-weight:700; color:var(--pkj-gold);
  font-size:clamp(1.1rem,.9rem + .9vw,1.5rem);
  margin:.25rem 0 1rem;
}
.pkj-narr .pkj-narr__tagline,
.pkj-narr blockquote.pkj-narr__quote{ color:var(--pkj-gold); }

.pkj-narr__body{ display:block; }                  /* single column */
.pkj-narr__quote{ margin:.25rem 0 1rem; font-style:italic; opacity:.95; }

.pkj-narr__sub{
  margin:1.2rem 0 .35rem; font-weight:700; color:var(--pkj-gold);
  border-bottom:1px solid var(--pkj-gold-35); padding-bottom:.15rem;
}
.pkj-narr__list{ margin:.25rem 0 .25rem 1.25rem; }
.pkj-narr__list li::marker{ color:var(--pkj-gold); }

.pkj-narr__figure--inline{ margin:1rem auto 1.25rem; max-width:720px; }
.pkj-narr__figure--inline img{
  display:block; width:100%; height:auto;
  border-radius:12px; border:1px solid var(--pkj-gold-35);
}

.pkj-narr__wejangan{
  border:1px dashed var(--pkj-gold-45);
  padding:.9rem 1rem; border-radius:12px; background:var(--pkj-gold-06);
}
.pkj-narr__wej-title{ font-weight:700; color:var(--pkj-gold); margin-bottom:.25rem; }

/* Desktop center judul + form narrative */
@media (min-width:1024px){
  .pkj-narr .pkj-narr__top{ flex-direction:column; align-items:center; gap:.8rem; }
  .pkj-narr .pkj-weton-form{ justify-content:center; }
  .pkj-narr__text, .pkj-narr__quote, .pkj-narr__wejangan, .pkj-disclaimer{
    max-width:840px; margin-left:auto; margin-right:auto;
  }
}

/* =======================================================
   SUMMARY (ringkasan-weton)
   ======================================================= */
.pkj-summary{ padding-top:56px; padding-bottom:44px; }
.pkj-summary .pkj-sum__h1{
  text-align:center; font-weight:800;
  font-size:clamp(1.9rem, 1.2rem + 2vw, 2.6rem);
  line-height:1.15; letter-spacing:.04em; text-transform:uppercase;
  color:#E9EDF6; margin:0 0 .6rem;
}
.pkj-summary .pkj-sum__h2{
  font-size:1.25rem; color:var(--pkj-gold); margin-bottom:.75rem; font-weight:700; text-align:left;
}

/* 3 kartu ke bawah (1 kolom), center & tidak melebar */
.pkj-sum__cards{
  display:grid; grid-template-columns:1fr; gap:1rem;
  max-width:760px; margin:0 auto;
}
.pkj-sum__card{
  border:1px solid var(--pkj-gold-45); border-radius:12px;
  padding:.9rem 1rem; background:var(--pkj-gold-06);
}
.pkj-sum__card h3{ margin:.1rem 0 .5rem; font-size:1.05rem; color:var(--pkj-gold); }
.pkj-sum__card ul{ margin:.25rem 0 .25rem 1.25rem; padding:0; }
.pkj-sum__card li{ margin:.2rem 0; }
.pkj-sum__card li::marker{ color:var(--pkj-gold); }

/* Form summary di bawah H1 (desktop) */
@media (min-width:1024px){
  .pkj-summary .pkj-sum__top{ display:flex; flex-direction:column; align-items:flex-start; gap:.75rem; }
  .pkj-summary .pkj-weton-form{ align-self:flex-start; }
}

/* =======================================================
   DISCLAIMER (batik)
   ======================================================= */
.pkj-disclaimer{
  display:flex; gap:.6rem; align-items:flex-start;
  padding:1rem 1.2rem; border-radius:14px; margin:1rem auto 28px;
  border:1px solid rgba(245,208,112,.55);
  color:var(--pkj-fg); line-height:1.6;
  box-shadow:0 8px 26px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
}
/* =========================
   DATE FIELD — Primbon pages (cek-weton, analisa-weton, ringkasan-weton)
   gaya hitam + bingkai emas, angka iOS terlihat
   ========================= */

/* Target aman: input date di dalam container Primbon + kelas date yang kita pakai */
.pkj-container input[type="date"],
.pkj-weton-form__date {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  min-height: 48px;
  padding: .7rem .9rem;
  border-radius: 14px;

  /* Hitam elegan + bingkai emas */
  background: #171a1f;
  border: 1px solid rgba(242,201,76,.45);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.24);

  /* Teks terang biar kontras */
  color: #E8EDF6;
  font-weight: 600;
  letter-spacing: .2px;

  /* Paksa skema gelap agar iOS tak “memutihkan” angka */
  color-scheme: dark;

  /* Batik halus seperti tombol emas */
  background-image:
    radial-gradient(rgba(255,255,255,.06) 18%, transparent 19%),
    radial-gradient(rgba(255,255,255,.04) 18%, transparent 19%),
    linear-gradient(180deg,#171a1f,#14181e);
  background-size: 18px 18px,18px 18px,auto;
  background-position: 0 0,9px 9px,0 0;
}

/* Fokus: glow emas */
.pkj-container input[type="date"]:focus,
.pkj-weton-form__date:focus {
  outline: none;
  border-color: #F2C94C;
  box-shadow:
    0 0 0 3px rgba(242,201,76,.22),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 12px 26px rgba(0,0,0,.28);
}

/* ====== iOS/Safari: paksa angka tanggal muncul terang ====== */
.pkj-container input[type="date"]::-webkit-datetime-edit,
.pkj-weton-form__date::-webkit-datetime-edit { 
  color: #F3F6FF;
}
.pkj-container input[type="date"]::-webkit-datetime-edit-fields-wrapper,
.pkj-weton-form__date::-webkit-datetime-edit-fields-wrapper {
  padding: .1rem .05rem;
}
.pkj-container input[type="date"]::-webkit-datetime-edit-year-field,
.pkj-container input[type="date"]::-webkit-datetime-edit-month-field,
.pkj-container input[type="date"]::-webkit-datetime-edit-day-field,
.pkj-weton-form__date::-webkit-datetime-edit-year-field,
.pkj-weton-form__date::-webkit-datetime-edit-month-field,
.pkj-weton-form__date::-webkit-datetime-edit-day-field {
  color: #F3F6FF;
  padding: 0 .1rem;
}
.pkj-container input[type="date"]::-webkit-calendar-picker-indicator,
.pkj-weton-form__date::-webkit-calendar-picker-indicator{
  filter: invert(1) brightness(1.2);
  opacity: .9;
}

/* Label “Tanggal lahir” warna emas biar konsisten */
.pkj-container .pkj-weton-form__label {
  color: #F2C94C;
  font-weight: 800;
}

/* Jarak vertikal yang pas pada mobile */
@media (max-width: 480px){
  .pkj-container .pkj-weton-form__row { margin-bottom: .65rem; }
}
/* ===== MOBILE (≤480px) – cek-weton, analisa-weton, ringkasan-weton ===== */
@media (max-width: 480px){

  /* H1 jangan terlalu mepet header */
  .pkj-container h1.pkj-title{ margin-top:.6rem; }

  /* Label & jarak */
  .pkj-container .pkj-weton-form__label{
    font-size:.95rem; margin-bottom:.35rem; color:#F2C94C; font-weight:800;
  }

  /* Kolom tanggal: hitam + emas, angka iOS jelas, tap target besar */
  .pkj-container input[type="date"],
  .pkj-weton-form__date{
    -webkit-appearance:none; appearance:none;
    width:100%;
    min-height:52px;
    font-size:17px;               /* cegah auto-zoom iOS */
    line-height:1.2;
    padding:.78rem 1rem;
    border-radius:16px;

    background:#171a1f;
    border:1px solid rgba(242,201,76,.45);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 22px rgba(0,0,0,.24);
    color:#E8EDF6;
    color-scheme:dark;

    /* motif batik halus */
    background-image:
      radial-gradient(rgba(255,255,255,.06) 18%, transparent 19%),
      radial-gradient(rgba(255,255,255,.04) 18%, transparent 19%),
      linear-gradient(180deg,#171a1f,#14181e);
    background-size:18px 18px,18px 18px,auto;
    background-position:0 0,9px 9px,0 0;
  }

  /* Angka tanggal Safari/iOS terlihat */
  .pkj-container input[type="date"]::-webkit-datetime-edit,
  .pkj-weton-form__date::-webkit-datetime-edit{ color:#F3F6FF; }
  .pkj-container input[type="date"]::-webkit-datetime-edit-year-field,
  .pkj-container input[type="date"]::-webkit-datetime-edit-month-field,
  .pkj-container input[type="date"]::-webkit-datetime-edit-day-field,
  .pkj-weton-form__date::-webkit-datetime-edit-year-field,
  .pkj-weton-form__date::-webkit-datetime-edit-month-field,
  .pkj-weton-form__date::-webkit-datetime-edit-day-field{ color:#F3F6FF; }

  /* Ikon kalender lebih besar */
  .pkj-container input[type="date"]::-webkit-calendar-picker-indicator,
  .pkj-weton-form__date::-webkit-calendar-picker-indicator{
    width:22px; height:22px; margin-right:4px; filter:invert(1) brightness(1.2);
  }

  /* Tombol: full width & rapi */
  .pkj-container .pkj-weton-form__btn{ width:100%; margin-top:.65rem; border-radius:20px; }

  /* Jarak aman dari footer */
  .pkj-container .pkj-disclaimer{ margin-bottom:80px; }
}
/* === PKJ — date field (cek-weton, ringkasan, analisa) === */
.pkj-weton-form .pkj-date-wrap{
  position:relative;
  border:1px solid #E8C35A;           /* bingkai emas */
  border-radius:18px;
  background:
    radial-gradient(circle at 12px 12px, rgba(255,255,255,.07) 2px, transparent 2.5px) 0 0/22px 22px,
    #141920;                           /* pola dotted + dasar gelap */
  box-shadow:0 8px 20px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
}
.pkj-weton-form .pkj-date-wrap input.pkj-weton-form__date{
  appearance:none; -webkit-appearance:none;
  background:transparent; border:0; width:100%;
  height:48px; padding:.7rem 1rem; border-radius:inherit;
  color:#F6FAFF; font-weight:600; min-inline-size:0;
}
.pkj-date-wrap{position:relative;border-radius:18px;background:
  radial-gradient(circle at 6px 6px, rgba(255,255,255,.08) 1.2px, transparent 1.2px) 0 0/14px 14px,#12161f;
  border:1px solid #E8C35A; box-shadow:0 6px 18px rgba(0,0,0,.25);}
.pkj-date-wrap .pkj-weton-form__date{width:100%;height:48px;border:0;background:transparent;color:#EDEFF6;
  padding:.55rem .9rem;border-radius:18px;font-size:16px;-webkit-appearance:none;appearance:none;}
.pkj-date-wrap::after{content:attr(data-ph);position:absolute;left:14px;top:50%;transform:translateY(-50%);
  color:#C7CBD2;opacity:.6;pointer-events:none;font-size:15px;}
.pkj-date-wrap:not(.is-empty)::after{content:'';}
.pkj-date-wrap.is-empty .pkj-weton-form__date::-webkit-datetime-edit,
.pkj-date-wrap.is-empty .pkj-weton-form__date::-webkit-date-and-time-value{color:transparent;}
.pkj-date-wrap.is-empty .pkj-weton-form__date::placeholder{color:transparent;}
.pkj-date-wrap{position:relative;border-radius:18px;background:
  radial-gradient(circle at 6px 6px, rgba(255,255,255,.08) 1.2px, transparent 1.2px) 0 0/14px 14px,#12161f;
  border:1px solid #E8C35A; box-shadow:0 6px 18px rgba(0,0,0,.25);}
.pkj-date-wrap .pkj-weton-form__date{width:100%;height:48px;border:0;background:transparent;color:#EDEFF6;
  padding:.55rem .9rem;border-radius:18px;font-size:16px;-webkit-appearance:none;appearance:none;}
.pkj-date-wrap::after{content:attr(data-ph);position:absolute;left:14px;top:50%;transform:translateY(-50%);
  color:#C7CBD2;opacity:.6;pointer-events:none;font-size:15px;}
.pkj-date-wrap:not(.is-empty)::after{content:'';}
.pkj-date-wrap.is-empty .pkj-weton-form__date::-webkit-datetime-edit,
.pkj-date-wrap.is-empty .pkj-weton-form__date::-webkit-date-and-time-value{color:transparent;}
.pkj-date-wrap.is-empty .pkj-weton-form__date::placeholder{color:transparent;}
.pkj-date-wrap{position:relative; border:2px solid #d4af37; border-radius:18px; padding:12px 16px; background:#1f2127;
  background-image:radial-gradient(#ffffff22 1px,transparent 1px); background-size:14px 14px;}
.pkj-date-wrap.is-empty::before{content:attr(data-ph); position:absolute; left:16px; top:50%; transform:translateY(-50%);
  opacity:.45; pointer-events:none; letter-spacing:.3px;}
.pkj-weton-form__date{display:block; width:100%; background:transparent; border:0; color:#f1f1f1; font:inherit; line-height:1.5;
  -webkit-appearance:none; appearance:none; padding:0; margin:0; outline:none;}
.pkj-weton-form__date::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.7);}
/* === PKJ FORM NORMALIZER (samakan ukuran di semua halaman) === */
.pkj-weton-form{
  /* kunci ukuran biar gak ikut skala .prose atau theme */
  font-size: 16px;            /* dasar */
  max-width: 680px;
  margin: .5rem auto 1rem;
}

@media (min-width:480px){
  .pkj-weton-form{ font-size: 17px; }
}
@media (min-width:768px){
  .pkj-weton-form{ font-size: 18px; }
}

.pkj-weton-form__label{
  display:block; margin-bottom:.5rem; font-weight:600;
}

/* Fallback: kalau TIDAK pakai .pkj-date-wrap, input tetap full-width rapi */
.pkj-weton-form__date{
  width:100%; box-sizing:border-box;
  height:60px; padding:0 16px;
  border-radius:18px; border:2px solid var(--pkj-gold, #d6b04a);
  background:var(--pkj-input-bg, #121518);
  color:#fff; -webkit-appearance:none; appearance:none;
}

/* Versi dengan wrapper (placeholder overlay) – ukuran sama */
.pkj-date-wrap{
  position:relative; width:100%; height:60px;
  border-radius:18px; border:2px solid var(--pkj-gold, #d6b04a);
  background:var(--pkj-input-bg, #121518);
}
.pkj-date-wrap .pkj-weton-form__date{
  position:absolute; inset:0; width:100%; height:100%;
  border:0; padding:0 16px; background:transparent;
}
.pkj-date-wrap::after{
  content:attr(data-ph);
  position:absolute; inset:0; display:flex; align-items:center;
  padding:0 16px; opacity:.45; pointer-events:none; letter-spacing:.3px;
}
.pkj-date-wrap:not(.is-empty)::after{ display:none; }

.pkj-weton-form__btn{
  display:block; width:100%; height:64px; margin-top:12px;
  border-radius:22px; font-weight:700;
  /* efek tombol emas Anda tetap jalan, ini hanya ukuran */
}
/* ===== iOS Safari date placeholder fix ===== */
/* Saat kosong, sembunyikan placeholder native Safari */
.pkj-date-wrap.is-empty .pkj-weton-form__date::-webkit-datetime-edit,
.pkj-date-wrap.is-empty .pkj-weton-form__date::-webkit-datetime-edit-year-field,
.pkj-date-wrap.is-empty .pkj-weton-form__date::-webkit-datetime-edit-month-field,
.pkj-date-wrap.is-empty .pkj-weton-form__date::-webkit-datetime-edit-day-field,
.pkj-date-wrap.is-empty .pkj-weton-form__date::-webkit-datetime-edit-text{
  color: transparent;
}

/* Kembalikan normal saat ada nilai */
.pkj-date-wrap:not(.is-empty) .pkj-weton-form__date::-webkit-datetime-edit,
.pkj-date-wrap:not(.is-empty) .pkj-weton-form__date::-webkit-datetime-edit-year-field,
.pkj-date-wrap:not(.is-empty) .pkj-weton-form__date::-webkit-datetime-edit-month-field,
.pkj-date-wrap:not(.is-empty) .pkj-weton-form__date::-webkit-datetime-edit-day-field,
.pkj-date-wrap:not(.is-empty) .pkj-weton-form__date::-webkit-datetime-edit-text{
  color: inherit;
}

/* Opsional: ikon picker tetap nampak samar saat kosong */
.pkj-date-wrap.is-empty .pkj-weton-form__date::-webkit-calendar-picker-indicator{
  opacity:.7; /* hapus baris ini jika ingin benar2 hilang */
}