/* === Light Bright Theme (Universeriatech) === */
:root{
  --bg:            #f8fafc;   /* latar terang */
  --card:          #ffffff;   /* kartu/box */
  --text:          #0f172a;   /* teks utama */
  --muted:         #64748b;   /* teks sekunder */
  --border:        #e5e7eb;   /* garis halus */
  --primary:       #3b82f6;   /* aksen utama */
  --primary-soft:  #dbeafe;   /* aksen lembut (highlight) */
}

*{box-sizing:border-box}
html,body{
  margin:0; padding:0; background:var(--bg); color:var(--text);
  font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;
}
a{color:var(--primary); text-decoration:none}
a:hover{text-decoration:underline}

/* Layout umum */
.container{max-width:900px; margin:20px auto; padding:0 16px}
header .container, main.container, footer.container{background:transparent}
h1{font-size:34px; margin:12px 0 8px}

/* H2 sinkron tema (accent bar di bawah judul) */
h2{
  font-size:22px; font-weight:700; margin:10px 0 6px; color:var(--text);
}
h2::after{
  content:""; display:block; width:64px; height:3px;
  background:var(--primary); border-radius:2px; margin-top:6px;
}

/* Navigasi */
nav{
  display:flex; gap:12px; flex-wrap:wrap; margin:10px 0;
}
nav a{
  display:inline-block; background:var(--card); border:1px solid var(--border);
  padding:10px 14px; border-radius:14px; box-shadow:0 1px 3px rgba(0,0,0,.04);
}
nav a:hover{background:var(--primary-soft); border-color:var(--primary)}
.right{margin-left:auto}

/* Komponen umum */
.card{
  background:var(--card); border:1px solid var(--border);
  border-radius:16px; padding:16px; box-shadow:0 2px 6px rgba(0,0,0,.05);
}
.center{text-align:center}
.muted{color:var(--muted)}
input,textarea,button,select{
  font:inherit; color:var(--text); background:var(--card);
  border:1px solid var(--border); border-radius:10px; padding:10px;
}

/* ===== Jadwal Sholat Ria ===== */
.controls{display:flex; gap:8px; flex-wrap:wrap; margin:8px 0}
.controls button{cursor:pointer}

/* Hero countdown (pakai warna tema) */
.hero{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:linear-gradient(135deg, var(--primary-soft), var(--card));
  border:1px solid var(--border); border-radius:16px; padding:16px;
}
.hero .where{font-weight:600}
.hero .nextname{font-weight:600}
.hero .cd{font-weight:800; font-size:28px; letter-spacing:1px; color:var(--text)}

/* Tabel waktu + highlight next */
table.pray{width:100%; border-collapse:separate; border-spacing:0 8px; margin-top:12px}
table.pray th, table.pray td{
  padding:10px 12px; border:1px solid var(--border); background:var(--card); color:var(--text);
}
table.pray th{
  text-align:left; border-right:none; border-radius:10px 0 0 10px; background:var(--primary-soft);
}
table.pray td{
  text-align:right; border-left:none; border-radius:0 10px 10px 0; font-weight:700;
}
tr.active th, tr.active td{border-color:var(--primary); background:var(--primary-soft)}

/* Footer */
footer p{color:var(--muted)}

/* Responsif */
@media (max-width:600px){
  .hero{flex-direction:column; align-items:flex-start}
  nav a{padding:8px 12px}
}

/* ===== Hapus slug/link "jadwal-sholat-ria" (presisi) ===== */
a[href*="jadwal-sholat-ria" i],
.breadcrumbs a[href*="jadwal-sholat-ria" i],
.breadcrumb a[href*="jadwal-sholat-ria" i],
.tags a[href*="jadwal-sholat-ria" i],
.tag a[href*="jadwal-sholat-ria" i],
.chips .chip a[href*="jadwal-sholat-ria" i]{
  display:none !important;
}

/* Sembunyikan pembungkus chip/breadcrumb yang mengandung slug tsb */
li:has(> a[href*="jadwal-sholat-ria" i]),
.breadcrumbs li:has(a[href*="jadwal-sholat-ria" i]),
.chips .chip:has(a[href*="jadwal-sholat-ria" i]),
.tags .tag:has(a[href*="jadwal-sholat-ria" i]),
.badge:has(a[href*="jadwal-sholat-ria" i]){
  display:none !important;
}

/* Sembunyikan baris "Sumber: Aladhan API & BigDataCloud" */
.footer .small:has(a[href*="aladhan" i]),
.footer .small:has(a[href*="bigdatacloud" i]) {
  display: none !important;
}