/* Lapisan identitas situs publik, dimuat TERAKHIR (setelah CSS halaman) lewat layout().
   Arah visual sama dengan masjid-platform commit 469d9c2: kertas dan tinta, bukan kit kartu aplikasi.
   Tanpa bayangan tebal, sudut kecil, garis rambut warna emas tema, ornamen mushaf di judul bagian.
   Satu elemen yang berani: papan jadwal sholat ala papan masjid (bingkai emas ganda).

   Catatan pemetaan: kelas Nurul Huda beda dengan masjid-platform, jadi nama kelas di bawah
   mengikuti markup proyek ini (.pray, .menu, .hub, .banner, .feat, .pc, .pg, .ev, .duty, .kas-*).
   Halaman /ibadah punya lapisan sendiri (.ib, kertas kitab kuning) dan tidak disentuh di sini. */

:root,[data-tema=terang]{
  /* kertas sedikit hangat: putih dicampur warna bg tema lalu 6% emas */
  --card:#faf6ef;--line:#d8c497;
  --shadow:0 0 0 1px var(--line);--rl:6px;
  --serif:Georgia,'Times New Roman',serif;
}
[data-tema=gelap]{
  --card:#1e261b;--line:#645a33;
  --shadow:0 0 0 1px var(--line);--rl:6px;
}

/* permukaan: datar, bergaris rambut, sudut kecil */
.feat,.pc,.pg,.ev,.duty,.duty-mini,.qprice div,.sapi div,.stats3 a,.hi,.kas-w details,
.sum3 div,.dc,.doa,.galang,.mini,.card-f,.pay,.done,.pasang,.mapc,.fac span,.fas div,.ust div,
.hub a,.banner,.kas-hero,.vec,.vc,.wc,.gal img,.byfr,.ok,.tot,.bank,.qris img{border-radius:var(--rl)!important}
.feat,.pc,.pg,.ev,.duty,.duty-mini,.qprice div,.sapi div,.stats3 a,.hi,.kas-w details,
.sum3 div,.dc,.doa,.galang,.mini,.card-f,.pay,.done,.pasang,.mapc{box-shadow:var(--shadow)!important}
.mapc{border-radius:var(--rl)!important;overflow:hidden}

/* ubin ikon berwarna-warni -> glyph tinta tema tanpa latar */
.app .t:is(.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9){background:none!important;color:var(--accent-text)!important;box-shadow:none!important}
[data-tema=gelap] .app .t:is(.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9){color:var(--accent-text)!important}

/* menu beranda: satu baris bergaris, pemisah vertikal, bukan deretan tombol bulat */
.menu{gap:0;margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr))}
.menu a{justify-content:center;gap:4px;min-height:76px;padding:8px 2px;color:var(--ink);font-weight:700;font-size:12px}
.menu a+a{border-left:1px solid var(--line)}
.menu .t{width:auto;height:auto;font-size:24px;box-shadow:none}

/* judul bagian: ornamen rub el hizb */
.sec-h h2::before{content:'\06DE';font-weight:400;color:var(--gold);margin-right:8px;font-size:.95em}
[data-tema=terang] .sec-h h2::before{color:var(--accent-text)}

/* hero: lepas lengkung besar */
.hero{border-radius:0}

/* papan jadwal sholat: bingkai emas ganda, penanda belah ketupat, angka serif */
.pray{background-image:none;background-color:var(--head);border-radius:var(--rl);
  box-shadow:inset 0 0 0 4px var(--head),inset 0 0 0 7px var(--gold),inset 0 0 0 8px var(--head),inset 0 0 0 9px var(--gold);
  padding:18px}
.pray .ic{background:none;border:1px solid var(--gold);color:var(--gold);border-radius:0;transform:rotate(45deg)}
.pray .ic i{transform:rotate(-45deg)}
.pray b{font-family:var(--serif);font-size:22px;font-weight:700;letter-spacing:0}
.pray .go{background:var(--gold);color:var(--gold-ink);border-radius:var(--rl)}
.pray .times{background:none;border-top:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:0;padding:10px 0 0;gap:0}
.pray .times div{border-radius:0;padding:8px 2px}
.pray .times div+div{border-left:1px solid rgba(255,255,255,.16)}
.pray .times strong{font-family:var(--serif);font-size:17px;font-weight:700}
.pray .times .on{background:var(--gold);color:var(--gold-ink)}

/* spanduk ajakan: kertas berbingkai garis ganda + ornamen ۞ samar, bukan blok gradien */
.banner,.banner.gold{background:var(--card)!important;color:var(--ink)!important;border:3px double var(--gold);box-shadow:none!important;padding:16px}
.banner::after,.banner.gold::after{content:'\06DE'!important;font-family:serif!important;font-size:96px;line-height:1;
  right:6px!important;bottom:-26px!important;width:auto!important;height:auto!important;opacity:.12;
  -webkit-mask:none!important;mask:none!important;background:none!important;color:var(--accent-text)}
.banner b{color:var(--ink);max-width:none}
.banner p{opacity:1;color:var(--muted)}
.banner .btn,.banner.gold .btn{background:var(--head);color:#fff;border-radius:var(--rl)}

/* bilah kemajuan donasi: satu warna tema, bukan gradien */
.pbar i{background:var(--accent)!important}

/* dropdown pencarian tetap melayang, tapi sudutnya ikut */
.results{border-radius:var(--rl);box-shadow:0 10px 24px -14px rgba(0,0,0,.45)}

/* hub layanan: daftar bergaris (ikon, judul, keterangan per baris), 2 kolom di >=600px */
.hub{grid-template-columns:minmax(0,1fr);gap:0;background:var(--card);box-shadow:var(--shadow);border-radius:var(--rl)}
.hub a{display:grid!important;grid-template-columns:32px minmax(0,1fr);column-gap:14px;row-gap:1px;align-items:center;
  min-height:64px;padding:10px 14px;background:none;box-shadow:none!important;border-radius:0!important}
.hub a+a{border-top:1px solid var(--line)}
.hub a .t{grid-row:1/3;align-self:center;width:32px;height:32px;font-size:22px;justify-items:center}
.hub a b{margin-top:0;align-self:end;font-size:14.5px}
.hub a small{align-self:start}
@media (min-width:600px){
  .hub{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub a:nth-child(2){border-top:0}
  .hub a:nth-child(even){border-left:1px solid var(--line)}
}