/* Widget sidebar Abana: kartu putih + lencana ikon merah (chrome "widget") */
#sidebar-a .module,#sidebar-b .module{margin:0}
.abana-widget{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.07);margin:0 0 20px;overflow:hidden;color:#333;text-shadow:none}
.abana-widget__head{display:flex;align-items:center;gap:14px;padding:18px 24px 14px;background:linear-gradient(#fdf4f3,#fff);border-bottom:1px solid #f4d4d1;margin:0 24px 0 0;margin:0}
.abana-widget__head{border-bottom:0;position:relative}
.abana-widget__head::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:#f2cfcb}
.abana-widget__icon{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#c0392b,#a02317);display:flex;align-items:center;justify-content:center}
.abana-widget__title{font-size:17px;line-height:1.3;color:#222}
.abana-widget__body{padding:20px 24px 24px}
.abana-widget__body img{display:block;max-width:100%;height:auto;border-radius:12px}
.abana-widget__body a img{transition:transform .3s,box-shadow .3s}
.abana-widget__body a:hover img{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.25)}

/* tombol bahasa */
.abana-langs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.abana-langs a.abana-lang{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 10px;border:1px solid #e5e5e5;border-radius:12px;background:#fafafa;color:#555;font-weight:bold;text-decoration:none;text-shadow:none;transition:background .2s,border-color .2s,color .2s}
.abana-langs a.abana-lang img{width:32px;height:auto;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.abana-langs a.abana-lang.is-active{background:#fdf1ef;border-color:#c0392b;color:#8f1a14}
.abana-langs a.abana-lang:hover,.abana-langs a.abana-lang:active{background:linear-gradient(135deg,#c0392b,#8f1a14);border-color:#8f1a14;color:#fff}

/* kotak pencarian */
.abana-search{display:flex;margin:0}
.abana-search input[type=search],.abana-search input[type=text]{flex:1;min-width:0;height:48px;padding:0 16px;border:1px solid #e3e3e3;border-right:0;border-radius:12px 0 0 12px;background:#fafafa;font:inherit;font-size:15px;color:#333;box-sizing:border-box}
.abana-search input:focus{outline:0;background:#fff;border-color:#c0392b}
.abana-search button{flex:0 0 56px;height:48px;border:0;border-radius:0 12px 12px 0;background:#a82a1c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.abana-search button:hover{background:#821c11}

@media (max-width:1020px){.abana-widget{margin-bottom:16px}}

/* slide gambar poster (modul Custom dengan div.abana-gallery) */
.abana-gallery{position:relative}
.abana-gallery__stage{display:grid}
.abana-gallery__item{grid-area:1/1;display:block;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.abana-gallery__item.is-active{opacity:1;visibility:visible}
.abana-gallery__item img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.abana-gallery__dots{display:flex;justify-content:center;gap:8px;margin:16px 0 0}
.abana-gallery__dots button{width:12px;height:12px;padding:0;border:0;border-radius:6px;background:#ddd;cursor:pointer;transition:width .3s,background .3s}
.abana-gallery__dots button.is-active{width:24px;background:linear-gradient(90deg,#a3361a,#c4501f)}
.abana-widget__body .abana-gallery a:hover img{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.18)}

/* ukuran slide gambar: ubah angka 220px untuk memperbesar/memperkecil */
.abana-gallery{max-width:none;margin:0 auto}
.abana-widget__body:has(.abana-gallery){padding-top:16px;padding-bottom:18px}

/* slide gambar lebar penuh kartu: tambahkan kelas abana-gallery--lebar */
.abana-gallery.abana-gallery--lebar{max-width:none}

/* tombol langganan RSS (modul Custom) */
.abana-rss{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #f3d3a8;border-radius:12px;background:#fff8ee;color:#7a3b00;text-decoration:none;text-shadow:none;font-weight:600;transition:background .2s,color .2s}
.abana-rss span.ico{flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#f5a01a,#e8801c);display:flex;align-items:center;justify-content:center}
.abana-rss small{display:block;font-weight:400;font-size:12px;opacity:.8}
.abana-rss:hover,.abana-rss:active{background:linear-gradient(135deg,#e8801c,#c96a10);color:#fff}

/* baris tautan berlogo (modul Custom, Module Class Suffix: style-raw) */
.abana-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 34px;margin:0;padding:34px 10px 30px;list-style:none}
.abana-links a{display:block;line-height:0;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.abana-links a:hover,.abana-links a:active{transform:translateY(-4px);box-shadow:0 8px 18px rgba(0,0,0,.22)}
.abana-links img{display:block;height:74px;width:auto;max-width:100%}
@media (max-width:760px){.abana-links{gap:14px 16px}.abana-links img{height:60px}}

#tautan{clear:both;width:100%;border-top:1px solid #e3e3e3;background:#fafafa}

/* ---- Statistik Pengunjung ---- */
.abana-stats{list-style:none;margin:0;padding:0}
.abana-stats li{display:flex;align-items:center;gap:10px;padding:14px 4px;border-bottom:1px dashed #e9e3e1;font-size:15px;color:#555}
.abana-stats li:last-child{border-bottom:0}
.abana-stats svg{flex:0 0 auto;width:20px;height:20px;fill:none;stroke:#a3231a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.abana-stats b{margin-left:auto;font-size:17px;color:#222;font-variant-numeric:tabular-nums}
.abana-stats .on{color:#1f9d55;font-weight:700}
.abana-stats .on b{color:#1f9d55}
.abana-stats .dot{flex:0 0 auto;width:10px;height:10px;margin:0 5px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.2);animation:abana-pulse 2s infinite}
@keyframes abana-pulse{50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
.abana-widget__body:has(.abana-stats){padding-top:8px;padding-bottom:12px}
@media (prefers-reduced-motion:reduce){.abana-stats .dot{animation:none}}

/* ---- Tombol WhatsApp mengambang ---- */
.abana-wa{position:fixed;right:22px;bottom:22px;z-index:998;display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:999px;background:#16c047;color:#fff !important;font:600 15px/1 Inter,Arial,sans-serif;text-decoration:none !important;box-shadow:0 6px 20px rgba(22,192,71,.45);transition:transform .2s,box-shadow .2s}
.abana-wa:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(22,192,71,.55)}
.abana-wa svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:600px){.abana-wa{right:14px;bottom:14px;padding:12px 16px;font-size:14px}}
@media print{.abana-wa{display:none}}

/* ---- Pencarian perkara (SIPP) ---- */
.abana-case{margin:0}
.abana-case p{margin:0 0 10px;font-size:13.5px;line-height:1.5;color:#666}
.abana-case .abana-search{margin:0}
.abana-case__links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:13px}
.abana-case__links a{color:#a3231a;text-decoration:none;font-weight:600}
.abana-case__links a:hover{text-decoration:underline;text-underline-offset:3px}

/* ---- Kartu "Alih Bahasa" (pindah bahasa dengan bendera) ---- */
.abana-fl{display:inline-block;flex:0 0 auto;width:36px;height:24px;border-radius:4px;background:center/cover no-repeat;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.abana-fl.id{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='10' fill='%23e70011'/%3E%3Crect y='10' width='30' height='10' fill='%23fff'/%3E%3C/svg%3E")}
.abana-fl.en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3CclipPath id='t'%3E%3Cpath d='M30,20h30v20zv20h-30zh-30v-20zv-20h30z'/%3E%3C/clipPath%3E%3Crect width='60' height='40' fill='%23012169'/%3E%3Cpath d='M0,0L60,40M60,0L0,40' stroke='%23fff' stroke-width='8'/%3E%3Cpath d='M0,0L60,40M60,0L0,40' clip-path='url(%23t)' stroke='%23C8102E' stroke-width='5'/%3E%3Cpath d='M30,0v40M0,20h60' stroke='%23fff' stroke-width='13'/%3E%3Cpath d='M30,0v40M0,20h60' stroke='%23C8102E' stroke-width='8'/%3E%3C/svg%3E")}
.abana-langbox{display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.abana-langbox a.abana-langbtn{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #e7dedb;border-radius:12px;background:#fff;color:#222;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s}
.abana-langbox a.abana-langbtn small{display:block;margin-top:1px;font-size:12px;font-weight:500;color:#888}
.abana-langbox a.abana-langbtn:hover{background:#fbefed;border-color:#d9b9b3;transform:translateY(-1px)}
.abana-langbox a.abana-langbtn.is-on{background:#fbefed;border-color:#a3231a;box-shadow:inset 0 0 0 1px #a3231a}
.abana-langbox a.abana-langbtn.is-on::after{content:"";margin-left:auto;width:9px;height:9px;border-radius:50%;background:#a3231a}

/* Sidang Hari Ini (dari SIPP) */
.abana-sidang__date{font-weight:700;color:#a3231a;font-size:14px}
.abana-sidang__total{font-size:12.5px;color:#777;margin:2px 0 8px}
.abana-sidang__list{list-style:none;margin:6px 0 0;padding:0}
.abana-sidang__list li{padding:9px 0;border-top:1px solid #eee;display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.4}
.abana-sidang__list li:first-child{border-top:0}
.abana-sidang__list strong a,.abana-sidang__list strong{color:#333;font-size:13px;text-decoration:none}
.abana-sidang__list strong a:hover{color:#a3231a}
.abana-sidang__list span{color:#555}
.abana-sidang__list small{color:#999;font-size:11.5px;text-transform:capitalize}
.abana-sidang__empty{margin:8px 0;color:#777;font-size:13.5px}
.abana-sidang__all{display:inline-block;margin-top:10px;color:#a3231a;font-weight:600;font-size:13px;text-decoration:none}

/* Tabel jadwal sidang (suffix: icon-sidang tabel-sidang) */
.tabel-sidang .abana-sidang__wrap{overflow-x:auto;margin-top:6px;border:1px solid #1f8a4c;border-radius:6px}
.abana-sidang__table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.35;min-width:640px}
.abana-sidang__table th{background:#00894a;color:#fff;font-weight:600;padding:8px 10px;text-align:center;border-left:1px solid rgba(255,255,255,.35)}
.abana-sidang__table th:first-child,.abana-sidang__table td:first-child{border-left:0;width:44px}
.abana-sidang__table td{padding:8px 10px;vertical-align:top;text-align:left;color:#333;border-left:1px solid #fff}
.abana-sidang__table tbody tr:nth-child(even) td{background:#c9e6c9}
.abana-sidang__table tbody tr:nth-child(odd) td{background:#f9f9f9}
.abana-sidang__table td a{color:#1a5fa8;text-decoration:none}
.abana-sidang__table td a:hover{text-decoration:underline}


/* Daftar tautan (kelas abana-tautan, suffix icon-link) */
.abana-widget__body:has(.abana-tautan){padding-top:4px;padding-bottom:10px}
.abana-tautan{list-style:none;margin:0;padding:0}
.abana-tautan li{margin:0;padding:0;border-bottom:1px solid #eee;background:none}
.abana-tautan li:last-child{border-bottom:0}
.abana-tautan a{display:flex;align-items:center;gap:12px;padding:15px 4px;color:#555;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s,padding .2s}
.abana-tautan a::before{content:"";flex:0 0 auto;width:7px;height:7px;border-right:2px solid #aaa;border-top:2px solid #aaa;transform:rotate(45deg);margin-right:4px;transition:border-color .2s}
.abana-tautan a:hover{color:#a3231a;padding-left:10px}
.abana-tautan a:hover::before{border-color:#a3231a}

/* DIPA per bulan (kartu) */
.abana-dipa{margin:6px 0 18px;font-family:inherit}
.abana-dipa__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.abana-dipa__year{margin:0;font-size:28px;font-weight:800;line-height:1.1;color:#2a2a2a;display:flex;align-items:center;gap:12px}
.abana-dipa__year::before{content:"";width:6px;height:30px;border-radius:3px;background:linear-gradient(#e8561b,#a3231a)}
.abana-dipa__legend{font-size:13px;color:#666;display:flex;align-items:center;gap:8px}
.abana-dipa__legend i{display:inline-block;width:12px;height:12px;border-radius:4px;background:#e3e3e3;border:1px dashed #bbb}
.abana-dipa__legend i.on{background:#a3231a;border:0}
.abana-dipa__legend i+*{margin-right:10px}
.abana-dipa__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}
.abana-dipa__card{background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden}
.abana-dipa__head{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,#b8260f,#7d140c);color:#fff}
.abana-dipa__code{font-size:22px;font-weight:800;letter-spacing:.02em}
.abana-dipa__sub{font-size:13px;opacity:.85;line-height:1.3}
.abana-dipa__months{list-style:none;margin:0;padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.abana-dipa__months li{margin:0;padding:0;background:none;border:0}
.abana-dipa__months a,.abana-dipa__months .off{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 6px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;text-align:center;transition:transform .15s,box-shadow .15s,background .15s,color .15s}
.abana-dipa__months a{background:#fdf1ee;color:#a3231a;border:1px solid #f2c9c0}
.abana-dipa__months a::before{content:"";width:7px;height:7px;border-radius:50%;background:#2f9e44;flex:0 0 auto}
.abana-dipa__months a:hover{background:#a3231a;color:#fff;border-color:#a3231a;transform:translateY(-2px);box-shadow:0 6px 14px rgba(163,35,26,.3)}
.abana-dipa__months a:hover::before{background:#fff}
.abana-dipa__months .off{background:#f4f4f4;color:#9a9a9a;border:1px dashed #d0d0d0;cursor:default}
@media (max-width:520px){.abana-dipa__grid{grid-template-columns:1fr}.abana-dipa__months{grid-template-columns:repeat(2,1fr)}.abana-dipa__year{font-size:23px}}

/* Laporan CALK (kartu per tahun) */
.abana-calk{margin:6px 0 18px}
.abana-calk__title{margin:0 0 16px;font-size:28px;font-weight:800;line-height:1.1;color:#2a2a2a;display:flex;align-items:center;gap:12px}
.abana-calk__title::before{content:"";width:6px;height:30px;border-radius:3px;background:linear-gradient(#e8561b,#a3231a)}
.abana-calk__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.abana-calk__card{display:flex;background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden}
.abana-calk__year{flex:0 0 96px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#b8260f,#7d140c);color:#fff;font-size:26px;font-weight:800;letter-spacing:.02em}
.abana-calk__rows{flex:1;padding:8px 18px}
.abana-calk__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px dashed #e4e4e4}
.abana-calk__row:last-child{border-bottom:0}
.abana-calk__sem{font-size:15px;font-weight:700;color:#333}
.abana-calk__btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.abana-calk__btns a,.abana-calk__btns .off{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s,color .15s}
.abana-calk__btns a{background:#fdf1ee;color:#a3231a;border:1px solid #f2c9c0}
.abana-calk__btns a::before{content:"";width:7px;height:7px;border-radius:50%;background:#2f9e44}
.abana-calk__btns a:hover{background:#a3231a;color:#fff;border-color:#a3231a;transform:translateY(-2px);box-shadow:0 6px 14px rgba(163,35,26,.3)}
.abana-calk__btns a:hover::before{background:#fff}
.abana-calk__btns .off{background:#f4f4f4;color:#9a9a9a;border:1px dashed #d0d0d0}
@media (max-width:520px){.abana-calk__grid{grid-template-columns:1fr}.abana-calk__year{flex-basis:72px;font-size:21px}.abana-calk__row{flex-direction:column;align-items:flex-start;gap:8px}.abana-calk__btns{justify-content:flex-start}.abana-calk__title{font-size:23px}}

/* LAKIP / LKjIP (kartu per tahun) */
.abana-lakip{margin:6px 0 18px}
.abana-lakip__title{margin:0 0 16px;font-size:28px;font-weight:800;line-height:1.1;color:#2a2a2a;display:flex;align-items:center;gap:12px}
.abana-lakip__title::before{content:"";width:6px;height:30px;border-radius:3px;background:linear-gradient(#e8561b,#a3231a)}
.abana-lakip__card{background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden;margin-bottom:18px}
.abana-lakip__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 22px;background:linear-gradient(135deg,#b8260f,#7d140c);color:#fff}
.abana-lakip__year{font-size:34px;font-weight:800;line-height:1}
.abana-lakip__score{display:flex;flex-direction:column;align-items:flex-end;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:8px 16px}
.abana-lakip__score small{font-size:12px;opacity:.85}
.abana-lakip__score strong{font-size:20px;letter-spacing:.04em}
.abana-lakip__label{padding:16px 22px 4px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#888}
.abana-lakip__list{list-style:none;margin:0;padding:10px 18px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.abana-lakip__list li{margin:0;padding:0;background:none;border:0}
.abana-lakip__list a,.abana-lakip__list .off{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.abana-lakip__list a{background:#fdf1ee;border:1px solid #f2c9c0;color:#a3231a}
.abana-lakip__list a:hover{background:#a3231a;border-color:#a3231a;color:#fff;transform:translateY(-2px);box-shadow:0 6px 14px rgba(163,35,26,.3)}
.abana-lakip__list .off{background:#f4f4f4;border:1px dashed #d0d0d0;color:#9a9a9a}
.abana-lakip__ic{flex:0 0 34px;height:34px;border-radius:9px;background:#a3231a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E") center/20px no-repeat}
.abana-lakip__list a:hover .abana-lakip__ic{background-color:#fff;filter:invert(1)}
.abana-lakip__list .off .abana-lakip__ic{background-color:#c9c9c9}
.abana-lakip__nm{flex:1;font-size:14.5px;font-weight:700;line-height:1.3}
.abana-lakip__go{font-size:12px;font-weight:600;opacity:.8;white-space:nowrap}
@media (max-width:520px){.abana-lakip__list{grid-template-columns:1fr}.abana-lakip__title{font-size:23px}}
