/* Penyempurnaan tampilan Abana: tipografi isi, jarak, bentuk, fokus keyboard, tabel, formulir, paginasi.
   Dimuat setelah semua CSS template dan sebelum responsive.css; tampilan khusus Anda tetap bisa ditimpa lewat custom.css. */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
::selection{background:#f3c7c1;color:#222}

/* bingkai situs: bayangan halus */
.wrapper{box-shadow:0 12px 48px rgba(0,0,0,.18)}

/* tipografi isi halaman */
#system,.abana-article__body{line-height:1.7}
#system p,.abana-article__body p{margin:0 0 1em}
#system h1,#system h2,#system h3,#system h4,.abana-article__body h2,.abana-article__body h3,.abana-article__body h4{margin:1.6em 0 .55em;line-height:1.25}
#system h1:first-child,#system h2:first-child,#system h3:first-child,.abana-article__body>h2:first-child,.abana-article__body>h3:first-child{margin-top:0}
#system ul,#system ol,.abana-article__body ul,.abana-article__body ol{margin:0 0 1em;padding-left:1.5em}
#system li,.abana-article__body li{margin-bottom:.35em}
#system img,.abana-article__body img{max-width:100%;height:auto}
#system a:hover,.abana-article__body a:hover{text-decoration:underline;text-underline-offset:3px}
#system blockquote,.abana-article__body blockquote{margin:1.2em 0;padding:14px 20px;border-left:4px solid #c0392b;background:#faf4f3;border-radius:0 8px 8px 0;color:#444}

/* tabel di isi artikel */
#system table:not(.t),.abana-article__body table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 1.2em;font-size:14px;border:1px solid #e7dedb;border-radius:10px;overflow:hidden;background:#fff}
#system table:not(.t) th,.abana-article__body th{padding:11px 14px;text-align:left;background:#f8ecea;color:#7d140c;font-weight:700;border-bottom:1px solid #e7dedb}
#system table:not(.t) td,.abana-article__body td{padding:10px 14px;border-bottom:1px solid #f0e9e7;vertical-align:top}
#system table:not(.t) tr:last-child td,.abana-article__body tr:last-child td{border-bottom:0}
#system table:not(.t) tbody tr:nth-child(even) td,.abana-article__body tbody tr:nth-child(even) td{background:#fcf9f8}
.abana-article__body .table-wrap,#system .table-responsive{overflow-x:auto}

/* daftar blog kategori (menu Berita) */
#system .blog-item,#system .com-content-category-blog__item{margin:0 0 28px;padding:0 0 24px;border-bottom:1px solid #e7e1df}
#system .blog-item h2,#system .com-content-category-blog__item h2{margin-top:0}
#system .blog-item h2 a,#system .com-content-category-blog__item h2 a{text-decoration:none}
#system .article-info,#system .com-content-article__info{font-size:12px;color:#777;margin:0 0 12px}

/* tombol dan formulir seragam */
#system .btn,#system button.btn,#system input[type=submit],#system .readmore a{display:inline-block;padding:10px 18px;border-radius:8px;transition:filter .2s,transform .15s}
#system .btn:hover,#system input[type=submit]:hover,#system .readmore a:hover{filter:brightness(1.1);transform:translateY(-1px)}
#system input[type=text],#system input[type=email],#system input[type=password],#system input[type=search],#system input[type=tel],#system select,#system textarea{padding:10px 12px;border:1px solid #d9d2d0;border-radius:8px;background:#fff;box-sizing:border-box;max-width:100%;transition:border-color .2s,box-shadow .2s}
#system input:focus,#system select:focus,#system textarea:focus{outline:0;border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.15)}

/* paginasi */
#system ul.pagination{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0;padding:0;list-style:none}
#system ul.pagination .page-link,#system ul.pagination li>span,#system ul.pagination li>a{display:block;min-width:38px;padding:9px 12px;border:1px solid #e3dbd9;border-radius:8px;background:#fff;color:#7d140c;text-align:center;text-decoration:none}
#system ul.pagination .active .page-link,#system ul.pagination .active>span,#system ul.pagination .active>a{background:#a3231a;border-color:#a3231a;color:#fff}
#system ul.pagination a:hover{background:#fbefed}

/* jarak kolom sidebar agar kartu tidak menempel tepi */
#sidebar-a .abana-widget,#sidebar-b .abana-widget{margin-left:12px;margin-right:12px}
#sidebar-a .menu-sidebar a,#sidebar-a .menu-sidebar li>span{display:block;padding:10px 12px;border-radius:8px;transition:background .2s,color .2s}
#sidebar-a .menu-sidebar a:hover{background:#fbefed;color:#a3231a}
#sidebar-a .menu-sidebar a.current{background:#f8e3e0;color:#7d140c}

/* fokus keyboard yang jelas untuk semua elemen interaktif */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffb703;outline-offset:2px}
.menu-dropdown a:focus-visible{outline-offset:-3px}

/* gambar dan video di isi tidak melebihi kolom */
#system iframe,#system video{max-width:100%}

/* Latar situs: abu-abu muda bertekstur halus (ganti file images/bg/latar-abu.png untuk latar lain) */
html,body#page{background:#eee url(../images/bg/latar-abu.png) repeat 0 0 !important}

/* menu utama: latar oranye ikut menutupi seluruh tinggi menu di semua browser (Firefox/Edge) */
#menubar{display:flow-root;overflow:visible}
#menu{display:flow-root}
#menubar > #menu{min-height:1px}