/*
 * Таблицы виджета «Simple Table» (сниппет Angie 576: параметры программы, стоимость обучения на страницах программ).
 * В сниппете у таблицы min-width: 600px — на телефоне часть колонок уходила за правый край без всякого намёка.
 * Подсказку и класс is-scroll ставит tables.js, только если таблица не помещается.
 */

/* Таблица в 2 колонки (название → значение) помещается и на телефоне — без прокрутки */
.simple-table-44f98aa5:not(:has(tr > :nth-child(3))) {
	min-width: 0;
}

@media (max-width: 767px) {
	.simple-table-44f98aa5 th,
	.simple-table-44f98aa5 td {
		padding: 12px 14px;
	}
	/* общий заголовок по центру широкой таблицы обрезался краем экрана — у прокручиваемой он слева */
	.hb-table-scroll .simple-table-44f98aa5 .st-main-header {
		text-align: left;
	}
}

.hb-table-hint {
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 1.4;
	color: #1B3D79;
	text-align: right;
}

/* Тень у правого края, пока справа есть скрытые колонки */
.hb-table-scroll {
	position: relative;
}
.hb-table-scroll::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 32px;
	pointer-events: none;
	background: linear-gradient(to left, rgba(27, 61, 121, 0.22), rgba(27, 61, 121, 0));
	transition: opacity 0.2s;
}
.hb-table-scroll.is-end::after {
	opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
	.hb-table-scroll::after {
		transition: none;
	}
}

/* Цена для иностранцев: пунктир — намёк, что есть пересчёт в валюты; подсказка в body, иначе её обрежет прокрутка таблицы (см. tables.js) */
.hb-fx {
	cursor: help;
	text-decoration: underline dotted #CB9C45;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}
.hb-fx:focus-visible {
	outline: 2px solid #CB9C45;
	outline-offset: 2px;
}
.hb-fx-tip {
	position: fixed;
	z-index: 10000;
	box-sizing: border-box;
	width: max-content;
	max-width: min(260px, calc(100vw - 16px));
	padding: 12px 14px;
	border-radius: 6px;
	background: #1B3D79;
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
	box-shadow: 0 4px 16px rgba(27, 61, 121, 0.3);
	pointer-events: none;
}
.hb-fx-tip[hidden] {
	display: none;
}
.hb-fx-tip ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 600;
}
.hb-fx-tip p {
	margin: 8px 0 0;
	font-size: 12px;
	line-height: 1.35;
	opacity: 0.85;
}