/**
 * Baseline styling for the prayer times tables. Deliberately light — the
 * deploying site's theme owns the real look; these rules only make the
 * tables legible and the highlight states visible out of the box.
 */

.mmsuite-today-table,
.mmsuite-timetable {
	border-collapse: collapse;
	width: 100%;
	max-width: 60em;
}

.mmsuite-today-table th,
.mmsuite-today-table td,
.mmsuite-timetable th,
.mmsuite-timetable td {
	border: 1px solid #d0d0d0;
	padding: 0.4em 0.75em;
	text-align: center;
}

.mmsuite-today-table th[scope="row"],
.mmsuite-timetable th[scope="row"] {
	text-align: left;
}

/* Current prayer (set by mmsuite-prayer-times.js). */
.mmsuite-today-table tr.mmsuite-current {
	background: #fff3cd;
	font-weight: 700;
}

.mmsuite-today-table tr.mmsuite-jummah {
	font-style: italic;
}

/* Monthly table: today and weekend rows. */
.mmsuite-timetable tr.mmsuite-today {
	background: #fff3cd;
	font-weight: 700;
}

.mmsuite-timetable tr.mmsuite-weekend {
	background: #f0f4f8;
}

/* Phones: let the wide monthly table scroll sideways instead of crushing. */
.mmsuite-timetable-scroll {
	overflow-x: auto;
}

.mmsuite-month-picker {
	margin-bottom: 1em;
}