/* Сертификаты: состояние «срок вышел» (20.09.2026).
   Карточки рисует custom_styles.css заказчика (.gridBlocks), здесь — только пометка срока,
   чтобы просроченный документ не выглядел как действующий. */
.lmc-status {
	display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px;
	margin: 0 0 6px; font-size: 14px; line-height: 1.45; color: var(--lm-ink);
}
.lmc-status__note { color: var(--lm-muted); font-size: 13px; }
.lmc-status a { font-weight: 600; white-space: nowrap; }

.lmc-validity { line-height: 1.4; }
.lmc-validity--expired { color: var(--lm-muted); }
.lmc-validity--expired strong { font-weight: 600; color: var(--lm-muted); }
.lmc-validity__note { display: block; margin-top: 2px; font-size: 12px; color: var(--lm-muted); }
/* сам скан не приглушаем — документ настоящий, приглушена только подпись срока */

/* Плашка статуса по состоянию документов (20.09.2026).
   Тема заказчика красит `.certificatesPage .topBlock .status` в зелёный «успех» с белым текстом:
   на просроченных сертификатах сигнал ложный, а приписка var(--lm-muted) на зелёном давала контраст ~1.8:1
   и не читалась. Перебиваем более длинным селектором — правило темы приезжает после наших стилей. */
.certificatesPage .topBlock .status.lmc-status--expired,
.certificatesPage .topBlock .status.lmc-status--partial {
	display: block;
	max-width: 760px;
	margin-inline: auto;
	padding: 12px 18px;
	border-radius: 14px;
	border: 1px solid #f0d089;
	background: #fff7e6;
	color: #3f3313;
	box-shadow: none;
	text-align: left;
}
.certificatesPage .topBlock .status.lmc-status--expired .lmc-status__note,
.certificatesPage .topBlock .status.lmc-status--partial .lmc-status__note { color: #5a4a20; }
.certificatesPage .topBlock .status.lmc-status--expired a,
.certificatesPage .topBlock .status.lmc-status--partial a { color: var(--lm-navy); text-decoration: underline; }

/* Зелёная плашка остаётся только когда все документы действуют: там текст и ссылки белые. */
.certificatesPage .topBlock .status.lmc-status--valid .lmc-status__note,
.certificatesPage .topBlock .status.lmc-status--valid a { color: #fff; }

/* Метка срока на карточке: короткая плашка вместо повторённой шесть раз фразы про телефон. */
.lmc-badge {
	display: inline-block;
	margin-right: 6px;
	padding: 1px 8px;
	border-radius: 10px;
	background: #eef1f5;
	color: var(--lm-muted);
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

/* Сканы: у <img> появились width/height из самого файла — без этого страница дёргалась,
   пока догружались шесть полноразмерных JPEG. Атрибуты задают только пропорцию,
   раскладка остаётся за темой заказчика, поэтому высоту держим авто. */
.certificatesPage .gridBlocks__card__body__imageWrapper img {
	max-width: 100%;
	height: auto;
}

/* Сайт дистрибьютора под карточкой — теперь ссылка, а не просто текст. */
.certificatesPage .gridBlocks__card__body__issuer a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}