/* Липкая строка результата на телефоне (см. includes/calc-sticky-result.js). */

.cl-sticky-res {
	position: fixed;
	left: 0; right: 0; bottom: 0;
	z-index: 9450;
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px));
	background: #0f2740;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	box-shadow: 0 -6px 20px rgba(15, 23, 42, .28);
}
.cl-sticky-res.is-on { display: flex; }

.cl-sticky-res__text {
	min-width: 0;
	display: flex;
	align-items: baseline;
	gap: 6px;
	white-space: nowrap;
	overflow: hidden;
}
/* Тесно (узкий экран, длинная подпись, кнопка «Подробный результат») — сжимается
   ПОДПИСЬ, многоточием. Число не сжимается никогда: ради него строка и стоит.
   До 08.10.2026 сжималось значение, и на 360px от него не оставалось ничего. */
.cl-sticky-res__label {
	font-size: 13px;
	color: #b9cbdc;
	flex: 0 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cl-sticky-res__value {
	flex: none;
	font-size: 18px;
	font-weight: 700;
}
.cl-sticky-res__value.is-flash { animation: cl-sticky-flash .9s ease-out; }
@keyframes cl-sticky-flash {
	0%   { color: #fde047; }
	100% { color: #fff; }
}

.cl-sticky-res__go {
	flex: none;
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 700;
	color: #0f2740;
	background: #fff;
	border: 0;
	border-radius: 999px;
	cursor: pointer;
}
.cl-sticky-res__go:active { background: #e2e8f0; }

/* Ответ из равнозначных чисел (data-cl-res-flat): числа нет, кнопка посередине. */
.cl-sticky-res--bare { justify-content: center; }
.cl-sticky-res--bare .cl-sticky-res__text { display: none; }

/* Кнопка «наверх» не должна налезать на полоску. */
.cl-sticky-res.is-on ~ .cl-totop { bottom: 68px; }

@media print { .cl-sticky-res { display: none !important; } }