/*
 * Манеж: строка режима работы в календаре и блок на странице «Манеж».
 *
 * Файл отдельный от `assets/css/calendar.css` намеренно: оформление самого
 * календаря этапом 7 не меняется вовсе — ни сетка, ни цвета, ни баннер, — а
 * здесь только новый элемент внутри ячейки дня и собственный блок шорткода.
 *
 * Цветов рубрик здесь нет и быть не должно (§12.8, пункт 5: их задаёт плагин,
 * а не код темы). Изменённый день отличается не цветом рубрики, а весом и
 * фирменным синим — тем же `--kmshvsm-brand-blue`, что и остальные акценты
 * сайта; закрытый уходит в нейтральный серый. Так выделение остаётся верным
 * при любых цветах рубрик, назначенных в админке.
 *
 * Токены `--tec-*` объявлены плагином на обёртке вида, поэтому в календаре
 * работают они, а на странице «Манеж» — запасные значения после запятой.
 */

.kmshvsm-manege-hours {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35em;
	margin: 0.25em 0 0.5em;
	font-family: var( --tec-font-family-sans-serif, inherit );
	font-size: 11px;
	line-height: 1.3;
}

.kmshvsm-manege-hours__label {
	color: var( --tec-color-text-secondary, #5d5d5d );
	font-size: 0.85em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.kmshvsm-manege-hours__value {
	color: var( --tec-color-text-primary, #141827 );
	font-weight: 600;
	white-space: nowrap;
}

/* Фактические часы вместо недельных: выделены весом и фирменным синим. */
.kmshvsm-manege-hours--changed .kmshvsm-manege-hours__value {
	color: var( --kmshvsm-brand-blue );
	font-weight: 700;
}

/* Закрытый день: нейтрально, но заметно. */
.kmshvsm-manege-hours--closed .kmshvsm-manege-hours__value {
	color: var( --tec-color-text-secondary, #5d5d5d );
	font-weight: 700;
}

/*
 * Мобильный список дня. Строка стоит первой внутри коробки выбранного дня, и
 * от событий её отделяет линия — той же толщины и цвета, какими плагин делит
 * элементы списка.
 */
.tribe-events-calendar-month-mobile-events__mobile-day .kmshvsm-manege-hours {
	margin: 0 0 var( --tec-spacer-2, 10px );
	padding-bottom: var( --tec-spacer-1, 5px );
	border-bottom: 1px solid var( --tec-color-border-secondary, #e4e4e4 );
	font-size: 12px;
}

/*
 * Блок «Режим роботи манежу» на странице.
 *
 * Своей типографики не заводит: шрифты и цвета текста остаются темой,
 * задаются только рамки таблицы и отступы.
 */
.kmshvsm-manege {
	max-width: 36em;
}

.kmshvsm-manege__week {
	width: 100%;
	margin: 0 0 1.5em;
	border-collapse: collapse;
}

.kmshvsm-manege__day > * {
	padding: 0.5em 0;
	border-bottom: 1px solid rgba( 33, 33, 33, 0.12 );
	text-align: left;
	vertical-align: baseline;
}

.kmshvsm-manege__name {
	font-weight: 400;
}

.kmshvsm-manege__hours {
	text-align: right;
	white-space: nowrap;
}

/* Сегодняшний день: на странице режима работы его ищут первым. */
.kmshvsm-manege__day--today > * {
	font-weight: 700;
	color: var( --kmshvsm-brand-blue );
}

.kmshvsm-manege__day--closed .kmshvsm-manege__hours {
	color: #5d5d5d;
}

.kmshvsm-manege__changes {
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
}

.kmshvsm-manege__change {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	padding: 0.4em 0;
	border-bottom: 1px solid rgba( 33, 33, 33, 0.12 );
}

.kmshvsm-manege__change-date {
	min-width: 11em;
	font-weight: 600;
}

.kmshvsm-manege__change-kind {
	color: #5d5d5d;
	text-transform: uppercase;
	font-size: 0.85em;
	letter-spacing: 0.04em;
	align-self: center;
}

/* Телефон: дата и тип уходят на свою строку, названию остаётся вся ширина. */
@media screen and (max-width: 480px) {
	.kmshvsm-manege__change-date {
		min-width: 100%;
	}
}