/* Class schedule calendar styling. */

.calendar-wrap {
	max-width: 1150px;
	margin: 1.5rem auto;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid #e2e8f0;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 8px 24px rgba(15, 23, 42, 0.06);
}

.wide-table {
	width: 100%;
	border-collapse: collapse;
	background: #ffffff;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 0.9rem;
	color: #1e293b;
}

th, td {
	border: 1px solid #e5e7eb;
	padding: 8px 10px;
	vertical-align: top;
	line-height: 1.45;
}

.dark-blue-white {
	background: #0f172a;
	color: #f8fafc;
	text-align: center;
}

th.dark-blue-white {
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 12px;
	scroll-margin-top: 110px;
	border-color: #0f172a;
}

tr.dark-blue-white td {
	background: #1e293b;
	color: #cbd5e1;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 7px 4px;
	border-color: #334155;
}

.blue-white {
	background: #eff6ff;
	color: #1d4ed8;
}

.narrow-column {
	width: 6%;
	text-align: center;
}

.wide-column {
	width: 25.333333%;
	text-align: center;
}

.unit {
	text-align: center;
	font-weight: 600;
	color: #0f172a;
	background: #f8fafc;
}

.nothing {
	background-color: #fafafa;
}

.date {
	text-align: left;
	font-weight: 700;
	background: #eff6ff;
	color: #1d4ed8;
	font-size: 0.85rem;
	border-color: #dbeafe;
}

.special-day {
	background-color: #fef3c7;
}

.red-text {
	color: #b91c1c;
}

.blank-cell {
	border: none; /* Removes the border */
	background-color: transparent; /* Ensures no background color */
	padding: 0; /* Optional: Removes any default padding */
	height: auto; /* Optional: Adjusts the height dynamically */
	width: auto; /* Optional: Adjusts the width dynamically */
}

.break {
	font-weight: 600;
	color: #b91c1c;
	background-color: #fef3c7;
	text-align: center;
}