/*
 * ZonaBogor (child Arshnews) — CSS tambahan.
 *
 * Dimuat SETELAH semua CSS tema induk (frontend dan Site Editor), jadi cukup menimpa
 * dengan selektor yang sama. Token tema induk (--an-color-*, --an-sp-*, --an-radius-*, dst.)
 * bisa dipakai di sini.
 */

/* =========================================
   JADWAL SOLAT / ADZAN MAGHRIB
   ========================================= */
.zb-jadwal { margin-bottom: var(--an-sp-50); }

.zb-jadwal__date {
	margin: 0 0 var(--an-sp-30);
	color: var(--an-color-muted);
}

.zb-jadwal > h2 {
	margin: var(--an-sp-50) 0 var(--an-sp-30);
	font-size: var(--an-fs-xl);
}

/* Tabel bisa digeser ke samping di layar kecil */
.zb-jadwal__scroll {
	margin-bottom: var(--an-sp-30);
	overflow-x: auto;
	border: 1px solid var(--an-color-border);
	border-radius: var(--an-radius-md);
}

.zb-jadwal__table {
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
	font-size: var(--an-fs-sm);
	text-align: center;
}

.zb-jadwal__table--monthly { min-width: 640px; }

.zb-jadwal__table th,
.zb-jadwal__table td {
	padding: 10px 8px;
	border-bottom: 1px solid var(--an-color-border);
}

.zb-jadwal__table thead th {
	background-color: var(--an-color-secondary);
	color: var(--an-color-base);
	font-weight: 600;
}

.zb-jadwal__table tbody tr:nth-child(even) { background-color: var(--an-color-ad-bg); }
.zb-jadwal__table tbody tr:last-child td { border-bottom: 0; }

/* Baris hari ini (tabel bulanan) */
.zb-jadwal__table tr.is-today td {
	background-color: color-mix(in srgb, var(--an-color-primary) 12%, transparent);
	font-weight: 600;
}

/* Waktu Maghrib hari ini (halaman Adzan Maghrib) */
.zb-jadwal__table td.is-highlight {
	background-color: var(--an-color-primary);
	color: var(--an-color-base);
	font-weight: 700;
}

.zb-jadwal__notice {
	padding: var(--an-sp-30);
	border: 1px dashed var(--an-color-border);
	border-radius: var(--an-radius-md);
	color: var(--an-color-muted);
}

.zb-jadwal__source {
	margin: 0;
	font-size: var(--an-fs-sm);
	color: var(--an-color-muted);
}