/*!
 * RSDA Sidebar Premium — sidebar kanan halaman artikel/halaman rsadhyatma.jatengprov.go.id
 */

.rsda-side{
  --sb-navy:#0f172a;
  --sb-text:#475569;
  --sb-muted:#64748b;
  --sb-blue:#1d4ed8;
  --sb-orange:#f59e0b;
  --sb-line:#e2e8f0;
  --sb-radius:18px;
  --sb-head:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --sb-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;

  box-sizing:border-box;
  /* Lebar dan posisi kolom sidebar sengaja TIDAK diubah: biar tema yang mengaturnya
     (di desktop di kanan, di HP otomatis turun di bawah artikel). */
}

/* ---------- Kartu widget ---------- */
.rsda-side > .rsda-w{
  position:relative; overflow:hidden; box-sizing:border-box;
  float:none !important; width:auto !important; max-width:none !important; min-width:0;
  margin:0 0 22px !important;
  padding:26px 22px 22px !important;
  background:#fff !important;
  border:0 !important; border-radius:var(--sb-radius) !important;
  box-shadow:0 0 0 1px rgba(148,163,184,.22),0 14px 30px -18px rgba(15,23,42,.28) !important;
  transition:box-shadow .3s ease,transform .3s ease;
}
.rsda-side > .rsda-w::before{
  content:""; position:absolute; left:0; right:0; top:0; height:4px;
  background:linear-gradient(90deg,var(--sb-blue),#60a5fa 55%,var(--sb-orange));
}
.rsda-side > .rsda-w:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(29,78,216,.18),0 20px 38px -18px rgba(29,78,216,.30) !important;
}

.rsda-side > .rsda-w:last-child{margin-bottom:0 !important}

/* ---------- Judul widget ---------- */
.rsda-wt{
  position:relative; display:block;
  margin:2px 0 18px !important; padding:0 0 12px !important;
  border:0 !important; background:none !important;
  font-family:var(--sb-head) !important; font-weight:800 !important;
  font-size:17px !important; line-height:1.3 !important; letter-spacing:.01em;
  text-transform:none !important; text-align:left !important;
}
.rsda-wt,.rsda-wt *{color:var(--sb-navy) !important;text-decoration:none !important}
.rsda-wt::after{
  content:""; position:absolute; left:0; bottom:0; width:44px; height:3px; border-radius:99px;
  background:linear-gradient(90deg,var(--sb-orange),#fcd34d);
}

/* ---------- Daftar (pos, kategori, komentar) ---------- */
.rsda-w ul,.rsda-w ol{list-style:none !important;margin:0 !important;padding:0 !important}
.rsda-w li{
  position:relative; list-style:none !important;
  margin:0 !important; padding:11px 0 11px 20px !important;
  border:0 !important; border-bottom:1px dashed var(--sb-line) !important; background:none !important;
  font-family:var(--sb-body) !important; font-size:14px !important; line-height:1.55 !important;
  color:var(--sb-text) !important;
}
.rsda-w li:last-child{border-bottom:0 !important;padding-bottom:0 !important}
.rsda-w li:first-child{padding-top:2px !important}
.rsda-w li::before{
  content:""; position:absolute; left:3px; top:1.15em; width:6px; height:6px;
  border-top:2px solid var(--sb-orange); border-right:2px solid var(--sb-orange);
  transform:rotate(45deg); background:none;
}
.rsda-w li:first-child::before{top:.65em}
.rsda-w li li{border-bottom:0 !important;padding-top:6px !important;padding-bottom:0 !important}

/* ---------- Tautan ---------- */
.rsda-w a{color:var(--sb-navy) !important;text-decoration:none !important;font-weight:500;transition:color .2s ease}
.rsda-w a:hover,.rsda-w a:focus-visible{color:var(--sb-blue) !important}
.rsda-w a:focus-visible{outline:3px solid #93c5fd;outline-offset:2px;border-radius:4px}

/* ---------- Komentar terbaru ---------- */
.rsda-w--comments li{font-size:13.5px !important;color:var(--sb-muted) !important}
.rsda-w--comments .comment-author-link,
.rsda-w--comments .comment-author-link a{color:var(--sb-blue) !important;font-weight:700 !important}

/* ---------- Pencarian ---------- */
.rsda-w form{display:flex !important;align-items:stretch;gap:8px;margin:0 !important;padding:0 !important}
.rsda-w input[type="search"],
.rsda-w input[type="text"]{
  flex:1 1 auto; min-width:0; box-sizing:border-box; height:46px; margin:0 !important;
  padding:0 18px !important; border:1px solid #dbe4f0 !important; border-radius:999px !important;
  background:#f8fafc !important; box-shadow:none !important; outline:0;
  font:400 14px var(--sb-body) !important; color:var(--sb-navy) !important;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.rsda-w input[type="search"]:focus,
.rsda-w input[type="text"]:focus{
  border-color:#93b4ff !important; background:#fff !important;
  box-shadow:0 0 0 4px rgba(29,78,216,.12) !important;
}
.rsda-w input::placeholder{color:#94a3b8;opacity:1}
.rsda-w button,
.rsda-w input[type="submit"]{
  flex:0 0 auto; box-sizing:border-box; min-width:46px; height:46px; margin:0 !important;
  padding:0 16px !important; border:0 !important; border-radius:999px !important;
  background:linear-gradient(135deg,#1d4ed8,#2563eb) !important; color:#fff !important;
  font:600 13px var(--sb-body) !important; cursor:pointer;
  box-shadow:0 10px 20px -10px rgba(29,78,216,.75) !important;
  transition:transform .2s ease,box-shadow .2s ease;
}
.rsda-w button *{color:#fff !important}
.rsda-w button:hover,
.rsda-w input[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 14px 24px -10px rgba(29,78,216,.85) !important}

/* ---------- Dropdown (Arsip, Kategori) ---------- */
.rsda-w label{
  display:block; margin:0 0 8px !important;
  font:600 12px var(--sb-body) !important; letter-spacing:.05em; text-transform:uppercase;
  color:var(--sb-muted) !important;
}
.rsda-w select{
  display:block; width:100% !important; box-sizing:border-box; height:46px; margin:0 !important;
  padding:0 42px 0 16px !important; border:1px solid #dbe4f0 !important; border-radius:12px !important;
  background-color:#f8fafc !important; color:var(--sb-navy) !important;
  font:400 14px var(--sb-body) !important; cursor:pointer;
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%) !important;
  background-position:calc(100% - 21px) 20px,calc(100% - 16px) 20px !important;
  background-size:5px 5px,5px 5px !important; background-repeat:no-repeat !important;
  transition:border-color .2s,box-shadow .2s;
}
.rsda-w select:focus{
  outline:0; border-color:#93b4ff !important; background-color:#fff !important;
  box-shadow:0 0 0 4px rgba(29,78,216,.12) !important;
}

/* ---------- Responsif ---------- */
@media (max-width:640px){
  .rsda-side > .rsda-w{padding:22px 16px 18px !important;margin-bottom:16px !important}
  .rsda-wt{font-size:16px !important}
}
@media (prefers-reduced-motion:reduce){
  .rsda-side > .rsda-w,.rsda-w a,.rsda-w button,.rsda-w input,.rsda-w select{transition:none}
  .rsda-side > .rsda-w:hover,.rsda-w button:hover,.rsda-w input[type="submit"]:hover{transform:none}
}