/* lc_no_order — товары, заказ которых невозможен (tentcomfort.ru, тема UniShop).
   Вместо кнопки «Купить» показывается статус наличия.

   Коробка ярлыка ПОВТОРЯЕТ коробку кнопки темы — это не косметика, а требование вёрстки:
   кнопка темы .add_to_cart имеет height 28px и vertical-align: middle. Если ярлык выше
   (был 35px и vertical-align: baseline), блок .cart вырастает с 28 до 63 px, карточка
   становится на 35 px выше соседей и ряд в категории разваливается.
   Те же метрики: height 28px, border 1px, border-radius 3px, vertical-align middle,
   white-space nowrap (как у кнопки). */

.no-order-status {
	display: inline-block;
	box-sizing: border-box;
	height: 28px;
	line-height: 26px;
	padding: 0 10px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	background: #e5e5e5;
	color: #444444;
	font-size: 14px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: default;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Узкие карточки: текст статуса длиннее слова «Купить».
   Замеры на /komplekt-tent-steklo/: при ширине окна 768–991 px карточка сжимается
   до 227 px, блок покупки — 214.7 px, а ярлык (166.6) плюс «в закладки» и «сравнить»
   (по 42 px с отступом) дают 222 px: кнопка «сравнить» переносится на вторую строку,
   карточка становится выше соседей на 28 px и ряд разъезжается (высоты [365, 393]).
   Поэтому на планшетах и телефонах уменьшаем кегль и отступы ярлыка. */
@media (max-width: 991px) {
	.no-order-status {
		font-size: 11px;
		padding: 0 5px;
	}
}

/* Страховка от переноса: блок покупки карточки с ярлыком — в одну строку,
   ярлык при нехватке места сжимается, а не выдавливает соседние кнопки вниз.
   Класс cart-no-order ставит скрипт lc_no_order.js — только на такие карточки. */
.cart-no-order {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.cart-no-order .no-order-status {
	flex: 0 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Запасной вариант, если скрипт не выполнился: кнопка не нажимается и показывает статус.
   Метрики те же, что у соседних кнопок, — вёрстка не меняется. */
.add_to_cart.no-order {
	background: #e5e5e5 !important;
	border-color: #e5e5e5 !important;
	color: #444444 !important;
	pointer-events: none;
	cursor: default;
}

.add_to_cart.no-order i {
	display: none !important;
}

/* В теме текст кнопки лежит в span.hidden-sm — раз кнопки нет, текст должен быть виден. */
.add_to_cart.no-order span {
	display: inline !important;
}