/* PN Biak — JUKNIS 127/DJU/SK.HM1.1/III/2026 Lampiran II EXACT COMPLIANCE */
:root{
  --juknis-primary:#0b2c4a;       /* biru dongker MA */
  --juknis-primary-light:#1a4a7a;
  --juknis-gold:#c9963b;           /* emas */
  --juknis-gold-light:#e5b85a;
  --juknis-green:#6aa84f;          /* hijau WBK border */
  --juknis-blue:#2e5aac;           /* biru logo border */
  --juknis-dark:#000000;
  --juknis-text:#000000;
  --juknis-muted:#555555;
  --juknis-border:#000000;
  --juknis-border-light:#333333;
  --juknis-bg:#ffffff;
  --juknis-container-max:1140px;
  --juknis-focus:#ffbf47;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:14px}
body{
  font-family:Arial, Helvetica, sans-serif;
  background:var(--juknis-bg);
  color:var(--juknis-text);
  line-height:1.5;
  margin:0;
  -webkit-font-smoothing:antialiased
}
a{color:var(--juknis-primary);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--juknis-primary-light)}
a:focus-visible,button:focus-visible,input:focus-visible{
  outline:3px solid var(--juknis-focus);outline-offset:2px
}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:8px;top:8px;width:auto;height:auto;padding:10px 16px;background:var(--juknis-primary);color:#fff;z-index:9999;border-radius:4px;font-weight:700;font-size:12px}

/* ============================================================
   A11Y TOOLBAR
   ============================================================ */
.juknis-a11y-bar{
  background:#1a1a1a;color:#fff;font-size:11px;padding:5px 0;
  font-family:Arial, Helvetica, sans-serif;
}
.juknis-a11y-bar .wrap{
  max-width:var(--juknis-container-max);margin:0 auto;padding:0 15px;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px
}
.juknis-a11y-bar button{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  color:#fff;padding:3px 8px;border-radius:3px;cursor:pointer;font-size:11px;font-weight:700
}
.juknis-a11y-bar button:hover{background:rgba(255,255,255,.25)}
.juknis-a11y-bar .left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.juknis-a11y-bar a{color:#ffd27a;text-decoration:none;font-weight:700}

/* ============================================================
   HEADER — Oval logo + 2 baris judul + 2 lingkaran WBK/WBBM
   ============================================================ */
.juknis-header{
  display:flex;justify-content:space-between;align-items:center;
  padding:15px 0;max-width:var(--juknis-container-max);
  margin:0 auto;padding-left:15px;padding-right:15px;
}
.juknis-header-left{display:flex;align-items:center;gap:15px}
.logo-pengadilan{
  width:75px;height:75px;border:1.5px solid var(--juknis-blue);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  text-align:center;font-size:8px;line-height:1.1;color:var(--juknis-text);
  font-weight:800;flex-shrink:0
}
.instansi{
  font-weight:800;font-size:11px;line-height:1.2;
  text-transform:uppercase;color:var(--juknis-text)
}
.juknis-header-right{display:flex;gap:15px;align-items:center}
.circle-badge{
  width:55px;height:55px;border:1.5px solid var(--juknis-green);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:800;text-transform:uppercase;color:var(--juknis-text)
}

/* ============================================================
   NAVIGASI — Grid 8 kolom, kolom 1 kosong, border hitam
   ============================================================ */
.juknis-nav ul{
  display:grid;grid-template-columns:45px repeat(7, 1fr);
  border:1px solid var(--juknis-border);
  list-style:none;padding:0;margin:0;
  text-align:center;font-weight:800;font-size:9px;
  text-transform:uppercase;background:#fff
}
.juknis-nav li{
  border-right:1px solid var(--juknis-border);
  padding:6px 4px;display:flex;align-items:center;justify-content:center;
  min-height:32px;line-height:1.1
}
.juknis-nav li:last-child{border-right:none}
.juknis-nav li.empty{background:#f5f5f5}
.juknis-nav a{color:var(--juknis-text);text-decoration:none;display:block}
.juknis-nav a:hover{background:#f0f0f0;color:var(--juknis-primary)}
/* Dropdown sub-menu */
.juknis-nav .sub-menu{
  position:absolute;top:100%;left:0;background:#fff;
  min-width:250px;box-shadow:0 4px 12px rgba(0,0,0,.15);
  border:1px solid var(--juknis-border);z-index:999;display:none
}
.juknis-nav li:hover>.sub-menu{display:block}
.juknis-nav .sub-menu li{
  border:none;border-bottom:1px solid var(--juknis-border);
  text-align:left;padding:8px 12px;grid-column:auto
}
.juknis-nav .sub-menu li:last-child{border-bottom:none}

/* ============================================================
   SLIDER — Border biru tua, tinggi 165px, teks "slide" center
   ============================================================ */
.juknis-slide{
  border:1.5px solid #2c3e50;height:165px;
  display:none;align-items:center;justify-content:center;
  margin:0 auto;max-width:100%;
  padding:0 15px;font-size:14px;color:var(--juknis-muted)
}
.juknis-slide.active{display:flex}
.juknis-slider{max-width:var(--juknis-container-max);margin:8px auto;padding:0 0;position:relative}
.juknis-dots{text-align:center;padding:6px 0 8px;display:flex;gap:6px;justify-content:center}
.juknis-dots button{width:10px;height:10px;border-radius:50%;border:1.5px solid #2c3e50;background:#fff;cursor:pointer;padding:0}
.juknis-dots button.active,.juknis-dots button[aria-selected="true"]{background:#2c3e50}
.juknis-slide-content{
  max-width:var(--juknis-container-max);margin:0 auto;padding:0 15px;
  text-align:left
}

/* ============================================================
   QUICK LINKS — Grid 6 kolom x 2 baris, border hitam tipis
   ============================================================ */
.juknis-quicklink{
  display:grid;grid-template-columns:repeat(6, 1fr);
  border:1px solid var(--juknis-border);
  text-align:center;font-size:7.5px;line-height:1.2;
  max-width:var(--juknis-container-max);margin:0 auto;padding-left:15px;padding-right:15px
}
.juknis-quicklink a{
  border-right:1px solid var(--juknis-border);
  border-bottom:1px solid var(--juknis-border);
  padding:5px 2px;display:block;text-decoration:none;color:var(--juknis-text)
}
.juknis-quicklink a:nth-child(6n){border-right:none}
.juknis-quicklink a:nth-child(n+7){border-bottom:none}
.juknis-quicklink a:hover{background:#f5f5f5}
.juknis-quicklink .icon{font-size:14px;display:block;margin-bottom:2px}

/* ============================================================
   MAIN CONTENT — Grid 70/30 dengan border abu
   ============================================================ */
.juknis-main{
  display:grid;grid-template-columns:2.3fr 1fr;gap:0;
  border:1.5px solid #555;padding:10px;
  margin-top:8px;max-width:var(--juknis-container-max);
  margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;
  background:#fff
}
.juknis-main-left{padding-right:15px}
.juknis-main-right{padding-left:15px;border-left:1px solid var(--juknis-border-light)}

/* Section left */
.juknis-section{
  margin-bottom:15px
}
.juknis-section-title{
  font-size:9px;font-weight:800;text-transform:uppercase;
  margin:0 0 10px 0;color:var(--juknis-text)
}

/* Berita list */
.berita-list{display:flex;flex-direction:column;gap:10px}
.berita-item{display:flex;gap:10px;padding:8px;border:1px solid var(--juknis-border-light)}
.berita-thumb{width:80px;height:60px;flex-shrink:0;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:10px}
.berita-thumb img{width:100%;height:100%;object-fit:cover}
.berita-text h3{margin:0 0 4px;font-size:12px;font-weight:700;line-height:1.3}
.berita-text h3 a{color:var(--juknis-text);text-decoration:none}
.berita-text h3 a:hover{color:var(--juknis-primary);text-decoration:underline}
.berita-date{font-size:9px;color:var(--juknis-muted);display:block;margin-bottom:4px}
.berita-excerpt{font-size:10px;line-height:1.4;color:var(--juknis-text);margin:0}

/* HUBUNGI KAMI — footer area di dalam main */
.juknis-hubungi{
  grid-column:1 / span 2;margin-top:20px;padding-top:15px;
  border-top:1px solid var(--juknis-border-light);
  font-size:9px;line-height:1.4
}
.juknis-hubungi h3{
  font-size:9px;font-weight:800;text-transform:uppercase;margin:0 0 8px
}
.juknis-hubungi address{font-style:normal;line-height:1.6}
.juknis-hubungi a{color:var(--juknis-primary);text-decoration:underline}

/* ============================================================
   SIDEBAR WIDGETS — Stack vertikal, judul uppercase
   ============================================================ */
.juknis-widget{margin-bottom:22px}
.juknis-widget-title{
  font-size:9px;font-weight:800;text-transform:uppercase;
  margin:0 0 6px 0;color:var(--juknis-text)
}
.juknis-widget-body{font-size:10px;line-height:1.5}
.juknis-widget-body a{color:var(--juknis-primary);font-size:10px}
.juknis-widget-body input{
  width:100%;padding:6px 8px;border:1px solid var(--juknis-border);
  font-size:10px;font-family:Arial, Helvetica, sans-serif
}
.juknis-widget-body button{
  background:var(--juknis-primary);color:#fff;border:none;
  padding:6px 12px;font-weight:700;font-size:10px;cursor:pointer
}

/* IKM/IPAK cards */
.juknis-ikm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.juknis-ikm-card{
  background:#f5f5f5;border:1px solid var(--juknis-border-light);
  border-radius:3px;padding:8px;text-align:center
}
.juknis-ikm-card strong{display:block;font-size:18px;color:var(--juknis-primary)}
.juknis-ikm-card span{font-size:8px;color:var(--juknis-muted);line-height:1.2}

/* Tautan Website list */
.tautan-list{list-style:none;padding:0;margin:0;font-size:10px;line-height:2}
.tautan-list a{text-decoration:none}

/* Sosial Media table */
.sosmed-table{width:100%;border-collapse:collapse;font-size:9px}
.sosmed-table td{border:1px solid var(--juknis-border);padding:3px 5px}
.sosmed-table td:first-child{text-align:center;width:40px}

/* Statistik */
#site-counter{font-size:14px;color:var(--juknis-primary)}

/* ============================================================
   FOOTER COPYRIGHT — Bar tipis
   ============================================================ */
.juknis-footer{
  border:1px solid var(--juknis-border);
  margin-top:8px;padding:4px 15px;
  font-size:9px;text-align:left;
  max-width:var(--juknis-container-max);margin-left:auto;margin-right:auto
}

/* ============================================================
   DETAIL BERITA / PENGUMUMAN — Kolom kiri single article
   ============================================================ */
.detail-berita .breadcrumb{
  font-size:9px;margin-bottom:8px;color:var(--juknis-muted)
}
.detail-berita h1{
  font-size:18px;font-weight:800;line-height:1.3;margin:5px 0 8px;
  color:var(--juknis-text);text-transform:none
}
.detail-berita .meta{
  font-size:9px;color:var(--juknis-muted);
  border-bottom:1px solid var(--juknis-border-light);
  padding-bottom:8px;margin-bottom:10px
}
.detail-berita img{
  width:100%;height:auto;border:1px solid var(--juknis-border-light);
  margin-bottom:12px
}
.detail-berita .content p{
  text-align:justify;line-height:1.7;font-size:11px;margin-bottom:10px
}
.detail-berita .content h2{
  font-size:14px;font-weight:800;color:var(--juknis-primary);
  border-left:3px solid var(--juknis-primary);padding-left:8px;margin:15px 0 8px
}
.detail-nav{display:flex;justify-content:space-between;margin-top:15px;padding-top:10px;border-top:1px solid var(--juknis-border-light);font-size:10px}

/* ============================================================
   HIGH CONTRAST / FONT SIZE
   ============================================================ */
body.high-contrast{background:#000;color:#fff}
body.high-contrast .juknis-header,body.high-contrast .juknis-nav,body.high-contrast .juknis-slide,
body.high-contrast .juknis-quicklink,body.high-contrast .juknis-main,
body.high-contrast .juknis-widget,body.high-contrast .juknis-footer{
  background:#111;border-color:#444
}
body.high-contrast a{color:#ffd400}
body.high-contrast .circle-badge{border-color:#90ee90}
body.high-contrast .logo-pengadilan{border-color:#4da6ff}

body.fs-large{font-size:16px}
body.fs-xlarge{font-size:18px}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:992px){
  .juknis-main{grid-template-columns:1fr;gap:20px}
  .juknis-main-right{border-left:none;border-top:1px solid var(--juknis-border-light);padding-top:20px;padding-left:0}
  .juknis-quicklink{grid-template-columns:repeat(3, 1fr)}
  .juknis-quicklink a:nth-child(3n){border-right:none}
  .juknis-quicklink a:nth-child(n+4){border-bottom:1px solid var(--juknis-border)}
  .juknis-quicklink a:nth-last-child(-n+3){border-bottom:none}
  .juknis-nav ul{grid-template-columns:35px repeat(7, 1fr);font-size:8px}
}
@media(max-width:768px){
  .juknis-nav ul{display:none}
  .juknis-nav ul.open{display:grid;grid-template-columns:1fr}
  .juknis-nav li{border-right:none;border-bottom:1px solid var(--juknis-border)}
  .juknis-quicklink{grid-template-columns:repeat(2, 1fr)}
  .juknis-slide{height:120px}
  .juknis-container{max-width:100%}
}
@media(max-width:576px){
  .juknis-quicklink{grid-template-columns:1fr}
  .juknis-quicklink a{border:none;border-bottom:1px solid var(--juknis-border)}
  .juknis-quicklink a:last-child{border-bottom:none}
  .logo-pengadilan{width:60px;height:60px;font-size:7px}
  .circle-badge{width:45px;height:45px;font-size:8px}
  .juknis-hubungi{font-size:9px}
}

/* ============================================================
   PRINT
   ============================================================ */
@media print{
  .juknis-a11y-bar,.juknis-nav,.juknis-slide,.juknis-quicklink,.juknis-main-right,.juknis-footer{display:none}
  .juknis-main{grid-template-columns:1fr;border:none;padding:0}
  .juknis-container{max-width:100%}
}

/* ============================================================
   CONTAINER HELPER
   ============================================================ */
.juknis-wrap{max-width:var(--juknis-container-max);margin:0 auto;padding:0 15px}

/* ============================================================
   WP COMPATIBILITY — Override Astra styles
   ============================================================ */
#page{background:#fff}
.site-content{background:#fff}
.ast-container{background:#fff}
.entry-content{font-size:11px;line-height:1.7;color:#000}
.entry-content h2{font-size:14px;font-weight:800;color:var(--juknis-primary);border-left:3px solid var(--juknis-primary);padding-left:8px;margin:15px 0 8px}
.entry-content h3{font-size:12px;font-weight:700;color:var(--juknis-text)}
.entry-content p{margin-bottom:10px;text-align:justify}
.entry-content ul,.entry-content ol{padding-left:20px;margin:10px 0}
.entry-content li{margin-bottom:5px}
.entry-content table{width:100%;border-collapse:collapse;margin:12px 0}
.entry-content table th{background:var(--juknis-primary);color:#fff;padding:8px 10px;text-align:left;border:1px solid var(--juknis-border)}
.entry-content table td{border:1px solid var(--juknis-border);padding:8px 10px}
.entry-content blockquote{border-left:3px solid var(--juknis-gold);background:#fff8ec;padding:10px 14px;margin:12px 0;font-style:italic}
.entry-title{font-size:18px;font-weight:800;color:var(--juknis-text);text-transform:none}
.page-title{font-size:18px;font-weight:800;color:var(--juknis-text)}
.archive-title,.page-title{font-size:18px;font-weight:800;color:var(--juknis-text);text-transform:none}
.widget-title{font-size:9px;font-weight:800;text-transform:uppercase;color:var(--juknis-text)}
.widget{font-size:10px;line-height:1.5}