/*
Theme Name: DWS Update
Theme URI: https://dwsupdate.id
Description: Tema portal berita DWS Update — Update Cepat, Fakta Tepat. Dikonversi dari desain HTML DWS Update.
Version: 1.7.3
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
Author: DWS Update
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dws
*/

/* Gaya dasar ada di assets/css/base.css (desain prototype mark 15).
   File ini hanya berisi tambahan yang dibutuhkan WordPress, memakai token warna yang sama. */

/* ---------- Brand ---------- */
.custom-logo-link{display:block;flex:0 0 auto}
.custom-logo{width:auto;max-width:170px;height:46px;object-fit:contain;transition:height .25s var(--ease)}
.topbar.scrolled .custom-logo{height:38px}

/* ---------- Paginasi ---------- */
.pagination{margin:30px 0 6px}
.pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center}
.pagination .page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 14px;
  border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink-2);font-weight:700;font-size:14px;
  box-shadow:var(--shadow);transition:all .2s var(--ease)}
.pagination a.page-numbers:hover{border-color:var(--ink-3);color:var(--ink);text-decoration:none;transform:translateY(-1px)}
.pagination .page-numbers.current{background:var(--grad);border-color:transparent;color:#fff}
.pagination .page-numbers.dots{border:none;background:none;min-width:auto;box-shadow:none}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ---------- Header ---------- */
.icon-btn{cursor:pointer}

/* ---------- Tabs beranda (panel per kategori) ---------- */
.tab{cursor:pointer}
.tab-panel[hidden]{display:none}
a.tab:hover{text-decoration:none;color:var(--ink)}
a.tab.on:hover{color:var(--bg)}

/* ---------- Artikel ---------- */
.art-updated{font-size:12.5px;color:var(--ink-3);margin:10px 0 0}
.prose figure{margin:1.4em 0}
.prose figcaption,.prose .wp-element-caption{font-family:var(--sans);font-size:12.5px;color:var(--ink-3);margin-top:8px;text-align:center}
.prose .wp-block-image img{margin:0}
.prose table{min-width:0;font-family:var(--sans)}
.prose .alignwide,.prose .alignfull{max-width:100%}
.share a.share-btn:hover{text-decoration:none}

/* ---------- Kotak (blok Kolom dengan gaya "Kotak") ---------- */
.wp-block-columns.is-style-kotak{gap:14px;margin:24px 0}
.wp-block-columns.is-style-kotak > .wp-block-column{border:1px solid var(--line);border-radius:var(--radius);
  padding:20px;background:var(--surface);box-shadow:var(--shadow);position:relative;overflow:hidden}
.wp-block-columns.is-style-kotak > .wp-block-column::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--grad)}
.wp-block-columns.is-style-kotak h3{font-family:var(--serif);font-size:17px;font-weight:800;margin:0 0 6px}
.wp-block-columns.is-style-kotak p{font-size:14px;margin:0}

/* ---------- Halaman statis ---------- */
.about .prose{font-family:var(--sans);font-size:16.5px;color:var(--ink-2)}
.about .prose > p:first-child::first-letter{all:unset}
.about .prose h2{color:var(--ink);font-size:20px;margin:28px 0 8px}
.about .prose p:first-child{font-size:18px;color:var(--ink)}
.lapor .prose{font-family:var(--sans);font-size:16px}
.lapor .prose > p:first-child::first-letter{all:unset}
.lapor .prose input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.lapor .prose select,.lapor .prose textarea{width:100%}
.lapor .prose button,.lapor .prose input[type=submit]{background:var(--grad);color:#fff;border:none;
  border-radius:12px;padding:11px 20px;font-weight:700;font-size:14.5px}
.editor-hint{border:1.5px dashed var(--line);border-radius:12px;padding:12px 14px;font-size:14px;
  color:var(--ink-2);background:var(--section);margin:14px 0}

/* ---------- Komentar ---------- */
.comments .comment-respond{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:22px;box-shadow:var(--shadow)}
.comments .cform{background:none;border:none;padding:0;margin:0;box-shadow:none}
.field .req-star{display:inline;margin:0;color:var(--primary)}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list .children{list-style:none;margin:0;padding-left:28px;border-left:2px solid var(--line)}
.comment-list li{margin:0}
.comment .reply{margin-top:6px}
.comment .comment-reply-link{font-size:13px;font-weight:700}
.pending{display:inline-block;font-size:12px;font-weight:700;color:#92400E;background:#FEF3C7;
  border:1px solid #FDE68A;border-radius:999px;padding:2px 10px;margin-top:6px}
.cform .comment-reply-title{font-family:var(--serif);font-size:18px;font-weight:800;margin:0 0 4px}
.cform .comment-reply-title small{font-family:var(--sans);font-size:13px;margin-left:8px}
.cform .comment-notes,.cform .logged-in-as{font-size:13px;color:var(--ink-3);margin:0 0 12px}
.cform .comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ink-2);margin:4px 0 12px}
.cform .comment-form-cookies-consent input{margin-top:3px}
.cform .form-submit{margin:6px 0 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.req-star{color:var(--primary)}
.comments-closed{font-size:14px;color:var(--ink-3)}

/* ---------- Pencarian ---------- */
.searchbox form{display:flex}
.searchbox .search-hint{font-size:12.5px;color:var(--ink-3);padding:10px 16px}
.search-page-form{display:flex;gap:8px;margin:0 0 22px;max-width:560px}
.search-page-form input{flex:1}

/* ---------- Tanpa JS: ticker tetap bisa dibaca ---------- */
.no-js .ticker-pause{display:none}

/* ---------- Lapor DWS ---------- */
.hp-wrap{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.chk{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:var(--ink-2);margin:4px 0 12px}
.chk input{width:auto;margin-top:3px;accent-color:var(--primary)}
.lapor .hint{font-size:12.5px;color:var(--ink-3);margin:8px 0 0}
.lapor .err{color:var(--primary);font-size:13.5px;font-weight:700;margin:10px 0 0;min-height:18px}

/* ---------- Cek status laporan ---------- */
.cekbox{scroll-margin-top:130px;border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:20px 22px;margin:16px 0;box-shadow:var(--shadow)}
.cekform{display:flex;gap:8px;flex-wrap:wrap}
.cekform input{flex:1;min-width:220px;text-transform:uppercase;letter-spacing:.5px}
.cekform input::placeholder{text-transform:none;letter-spacing:0}
.cekresult{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-top:14px}
.cek-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.cek-code{font-family:var(--serif);font-weight:800;letter-spacing:.5px}
.cek-steps{display:flex;list-style:none;padding:0;margin:0 0 14px;gap:6px}
.cek-steps li{flex:1;text-align:center;font-size:12.5px;font-weight:700;color:var(--ink-3);padding-top:10px;border-top:4px solid var(--line);border-radius:2px}
.cek-steps li.done{color:var(--ink);border-top-color:#16A34A}
.cek-steps li.now{color:#16A34A}
.cek-resp{background:var(--primary-soft);border-left:4px solid var(--primary);border-radius:0 12px 12px 0;padding:12px 14px;font-size:14.5px;white-space:pre-wrap;margin:6px 0 10px}
.cek-resp b{display:block;font-size:12.5px;margin-bottom:4px}
.rdl{display:grid;grid-template-columns:110px 1fr;gap:9px 12px;font-size:14px}
.rdl dt{color:var(--ink-3)}.rdl dd{margin:0}
.rlog{font-size:13px;color:var(--ink-2)}.rlog summary{cursor:pointer;font-weight:700}.rlog ul{margin:8px 0 0;padding-left:18px}.rlog li span{color:var(--ink-3)}

/* Label status (mode gelap) */
:root[data-theme="dark"] .status{background:#2A3142;color:#D0D5DD}
:root[data-theme="dark"] .status.baru{background:#1E3A8A;color:#BFDBFE}
:root[data-theme="dark"] .status.diproses,:root[data-theme="dark"] .pending{background:#3B2F0B;color:#FDE68A;border-color:#5A4A12}
:root[data-theme="dark"] .status.selesai{background:#0F3B26;color:#A7F3D0}

/* Tombol "Lihat semua" tidak terlipat di layar sempit */
a.sec-more{white-space:nowrap}
@media (max-width:480px){.sec-head{flex-wrap:wrap}.sec-title{font-size:20px}a.sec-more{font-size:12.5px;padding:6px 12px}}