/**
 * [centerhours_week] table view.
 *
 * Extracted verbatim from the inline <style> block v1.0.0 printed inside <body>
 * on every render. Visual output is unchanged.
 */

.centerhours-week {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
	line-height: 1.45;
	border: 1px solid #ddd;
}

.centerhours-week thead th {
	padding: 12px 16px;
	border: 1px solid #ddd;
	text-align: left;
	font-weight: 600;
	background-color: #ffffff;
}

.centerhours-week th,
.centerhours-week td {
	padding: 12px 16px;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: middle;
}

.centerhours-week tbody th {
	width: 50%;
	font-weight: 400;
}

.centerhours-week td {
	font-weight: 400;
	white-space: nowrap;
}

.centerhours-week tbody tr:nth-child(odd) th,
.centerhours-week tbody tr:nth-child(odd) td {
	background-color: #f8f8f8;
}

.centerhours-week tbody tr:nth-child(even) th,
.centerhours-week tbody tr:nth-child(even) td {
	background-color: #ffffff;
}

.centerhours-week .date-sub {
	display: inline-block;
	margin-left: 0.5rem;
	font-size: 12px;
	opacity: 0.75;
}

.centerhours-week tr.is-today th,
.centerhours-week tr.is-today td {
	font-weight: 600;
}

.centerhours-week .special-hours-label {
	display: block;
	color: #c0392b;
	font-size: 12px;
	margin-top: 2px;
	white-space: nowrap;
}

@media (max-width: 600px) {
	.centerhours-week {
		font-size: 14px;
	}

	.centerhours-week th,
	.centerhours-week td {
		padding: 10px 12px;
	}

	.centerhours-week tbody th {
		width: 45%;
	}
}
