/* Food Truck Hours & Scheduler — front-end. */

.ths-hours {
	--ths-accent: #E0601C;
	--ths-open: #1d9e75;
	--ths-closed: #b3261e;
	max-width: 420px;
	border: 1px solid #e7ddcb;
	border-radius: 12px;
	padding: 16px 18px;
	background: #fff;
	font-size: 15px;
	color: #241F1B;
}
.ths-hours__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.ths-hours__title { font-weight: 600; font-size: 15px; }

.ths-hours__list { list-style: none; margin: 0; padding: 0; }
.ths-row {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	border-bottom: 1px solid #f1ece1;
}
.ths-row:last-child { border-bottom: 0; }
.ths-row__day { color: #4f463f; }
.ths-row__time { font-variant-numeric: tabular-nums; }
.ths-row.is-closed .ths-row__time { color: #a99f93; }
.ths-row.is-today {
	font-weight: 600;
	background: #fff7ef;
	margin: 0 -10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 8px;
	border-bottom-color: transparent;
}

/* Locked: gray out (default) or hide */
.ths-hours--locked.ths-hours--grayout .ths-row__time { opacity: .4; }
.ths-hours--locked.ths-hours--hide .ths-row__time { visibility: hidden; }
.ths-hours__note {
	margin: 12px 0 0;
	font-size: 13px;
	color: var(--ths-closed);
}

/* Badge */
.ths-badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	font-weight: 600;
	padding: 5px 11px;
	border-radius: 999px;
}
.ths-badge .ths-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.ths-badge--open { color: #0f6e56; background: #e1f5ee; }
.ths-badge--closed { color: #8a211b; background: #fbeaea; }

/* Closed banner */
.ths-banner {
	background: var(--ths-accent, #E0601C);
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 16px;
}

/* Replaced add-to-cart button while closed */
.ths-closed-btn {
	opacity: .6;
	cursor: not-allowed !important;
	pointer-events: none;
}
