/* Корзина-заявка. Irinochi, 28.10.2026 (задача 29647). Поведение - js/korzina.js */

/* Кнопка «В корзину» на карточке товара: залитая, чтобы отличалась от «Отправить заявку» */
.uz-v-korzinu.btn {
	display: inline-block;
	text-align: center;
	color: #fff;
	background-image: linear-gradient(to bottom left, #0e57a4, #0b67c8);
	border-color: transparent;
	box-shadow: 0 0 20px rgba(14, 87, 164, .35);
	text-decoration: none;
	text-transform: uppercase;
}
.uz-v-korzinu.btn:hover { color: #fff; box-shadow: 0 0 30px rgba(14, 87, 164, .55); }
.uz-v-korzinu.btn i:after { display: none; }
.uz-v-korzinu--est.btn { background-image: none; background-color: #fff; color: #004f9d; border-color: #004f9d; box-shadow: none; }
/* при наведении тема красит текст кнопки белым (.btn:hover i) - заливаем, как у остальных кнопок */
.uz-v-korzinu--est.btn:hover { color: #fff; background-image: linear-gradient(to bottom left, #0e57a4, #0b67c8); border-color: transparent; }
.uz-korzina-karta { margin: 10px 0 20px; }

/* в плитке каталога - под «Подробнее» */
.uz-v-korzinu--plitka.btn { margin-top: 10px; }

/* Ссылка в шапке */
.uz-korzina-shapka {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	color: #004f9d;
	font-family: OpenSansSemiBold, OpenSansSemiBold-zapas;
	text-decoration: none;
}
.uz-korzina-shapka:before {
	content: "";
	width: 22px;
	height: 22px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23004f9d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/%3E%3C/svg%3E") no-repeat center / contain;
}
.uz-korzina-schet {
	display: inline-block;
	min-width: 20px;
	padding: 0 6px;
	border-radius: 10px;
	background: #c9d6e6;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
.uz-korzina-shapka--polna .uz-korzina-schet { background: #e30613; }

/* Плавающая кнопка, пока в корзине что-то есть */
.uz-korzina-plav {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 9990;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0 18px;
	line-height: 46px;
	border-radius: 28px;
	background-image: linear-gradient(to bottom left, #0e57a4, #0b67c8);
	box-shadow: 0 0 20px rgba(14, 87, 164, .45);
	color: #fff;
	font-family: OpenSansSemiBold, OpenSansSemiBold-zapas;
	font-size: 14px;
	text-decoration: none;
}
.uz-korzina-plav:hover, .uz-korzina-plav:focus { color: #fff; }
.uz-korzina-plav .uz-korzina-schet { background: #fff; color: #004f9d; }

/* Сообщение «Товар добавлен» */
.uz-korzina-soobshchenie {
	position: fixed;
	left: 50%;
	top: 90px;
	z-index: 9999;
	max-width: calc(100% - 32px);
	padding: 14px 22px;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 6px 30px rgba(0, 0, 0, .18);
	color: #222;
	font-size: 15px;
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, -10px);
	transition: opacity .2s, transform .2s;
}
.uz-korzina-soobshchenie--vidno { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
.uz-korzina-soobshchenie a { color: #004f9d; font-family: OpenSansSemiBold, OpenSansSemiBold-zapas; }

/* Страница корзины */
.uz-korzina { padding: 10px 0 0; }
.uz-korzina__pusto { display: none; font-size: 16px; }
.uz-korzina--pusto .uz-korzina__pusto { display: block; }
.uz-korzina--pusto .uz-korzina__spisok, .uz-korzina--pusto .uz-korzina__forma { display: none; }

.uz-korzina__tablica { width: 100%; border-collapse: collapse; font-size: 15px; }
.uz-korzina__tablica th {
	padding: 10px 8px;
	border-bottom: 2px solid #e3eaf3;
	color: #777;
	font-weight: normal;
	text-align: left;
}
.uz-korzina__tablica td { padding: 14px 8px; border-bottom: 1px solid #e3eaf3; vertical-align: middle; }
/* у темы общие правила для всех таблиц (фиксированная раскладка, заливка первой строки,
   перенос по буквам, голубой текст) - в корзине они не нужны */
#uz-korzina .uz-korzina__tablica { table-layout: auto; }
#uz-korzina .uz-korzina__tablica th,
#uz-korzina .uz-korzina__tablica td { background: none; color: #222; word-break: normal; overflow-wrap: break-word; text-align: left;
	font-family: OpenSansRegular, OpenSansRegular-zapas, Arial, sans-serif; vertical-align: middle; }
#uz-korzina .uz-korzina__tablica th { color: #777; }
#uz-korzina .uz-korzina__tablica td a { color: #004f9d; }
#uz-korzina .uz-korzina__tablica td.uz-korzina__summa { font-family: OpenSansSemiBold, OpenSansSemiBold-zapas; }
.uz-korzina__naim { width: 45%; }
.uz-korzina__tovar { display: flex; align-items: center; gap: 14px; }
.uz-korzina__tovar img { width: 70px; height: 70px; object-fit: contain; flex: none; }
.uz-korzina__tovar a { color: #004f9d; }
.uz-korzina__kol { white-space: nowrap; }
.uz-korzina__kol input {
	width: 52px;
	height: 32px;
	margin: 0 4px;
	border: 1px solid #c9d6e6;
	border-radius: 6px;
	text-align: center;
	-moz-appearance: textfield;
}
.uz-korzina__kol input::-webkit-outer-spin-button,
.uz-korzina__kol input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.uz-korzina__kol button, .uz-korzina__udalit {
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid #c9d6e6;
	border-radius: 50%;
	background: #fff;
	color: #004f9d;
	font-size: 18px;
	line-height: 30px;
	cursor: pointer;
}
.uz-korzina__udalit { border-color: transparent; color: #999; font-size: 22px; }
.uz-korzina__udalit:hover { color: #e30613; }
.uz-korzina__summa { white-space: nowrap; font-family: OpenSansSemiBold, OpenSansSemiBold-zapas; }
.uz-korzina__itog { margin: 18px 8px 0; font-size: 18px; text-align: right; }
.uz-korzina__itog b { color: #e30613; font-weight: normal; font-family: OpenSansSemiBold, OpenSansSemiBold-zapas; }
.uz-korzina__primechanie { margin: 6px 8px 0; color: #777; text-align: right; }

.uz-korzina__forma { max-width: 560px; margin: 36px 0 10px; }
.uz-korzina__forma .h4 { margin-bottom: 8px; }
.uz-korzina__forma p.uz-korzina__podskazka { margin-bottom: 16px; color: #555; }
.uz-korzina__forma .wpcf7-form-control-wrap.sostav-korziny { display: none; }

@media (max-width: 760px) {
	.uz-korzina__tablica thead { display: none; }
	.uz-korzina__tablica, .uz-korzina__tablica tbody, .uz-korzina__tablica tr, .uz-korzina__tablica td { display: block; width: 100%; }
	.uz-korzina__tablica tr { position: relative; padding: 12px 0; border-bottom: 1px solid #e3eaf3; }
	#uz-korzina .uz-korzina__tablica td { padding: 4px 40px 4px 0; border: 0; }
	.uz-korzina__tablica td[data-title]:before { content: attr(data-title) ": "; color: #777; }
	#uz-korzina .uz-korzina__tablica td:last-child { position: absolute; top: 12px; right: 0; width: auto; padding: 0; }
	.uz-korzina__itog, .uz-korzina__primechanie { text-align: left; margin-left: 0; }
	.uz-korzina-plav { left: 16px; bottom: 16px; }
}