/* =============================================
   03_WIDGETS / w-tradeshed-item
   Карточка торга в расписании.
   ============================================= */

.tradeshed-item {
	box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.1019607843);
	border-radius: 20px;
	background-color: var(--whiteColor);
	padding: 14px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	transition: box-shadow 0.3s;
}
.tradeshed-item__date {
	padding: 10px 20px;
	background-color: var(--grayColor);
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	gap: 10px;
	font-size: 14px;
	line-height: 128.571429%;
	color: var(--greenColor4);
	font-weight: 300;
}
.tradeshed-item__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.tradeshed-item__topleft {
	flex: 1 1 auto;
}
.tradeshed-item__topthin {
	font-size: 12px;
	line-height: 125%;
	font-weight: 100;
	color: var(--greenColor5);
}
.tradeshed-item__toptext {
	font-size: 16px;
	line-height: 125%;
	font-weight: 300;
	word-break: break-word;
}
.tradeshed-item__topimage {
	flex: 0 0 105px;
}
.tradeshed-item__topimage img {
	width: 100%;
}
.tradeshed-item__rows {
	margin-top: auto;
}
.tradeshed-item__row:not(:last-child) {
	margin-bottom: 10px;
}
.tradeshed-item__rowtop {
	font-size: 12px;
	line-height: 125%;
	font-weight: 300;
	color: var(--greenColor5);
}
.tradeshed-item__rowtop:not(:last-child) {
	margin-bottom: 4px;
}
.tradeshed-item__rowtext {
	font-size: 16px;
	line-height: 125%;
}
.tradeshed-item__listblock {
	background-color: var(--grayColor);
	border-radius: 10px;
	padding: 10px;
}
.tradeshed-item__listblock:not(:last-child) {
	margin-bottom: 10px;
}
.tradeshed-item__listtop {
	font-size: 12px;
	line-height: 125%;
	color: var(--greenColor5);
	font-weight: 300;
}
.tradeshed-item__listtop:not(:last-child) {
	margin-bottom: 4px;
}
.tradeshed-item__list {
	font-size: 12px;
	line-height: 125%;
	font-weight: 300;
}
.tradeshed-item__li {
	position: relative;
	padding-left: 18px;
}
.tradeshed-item__li::before {
	content: "";
	position: absolute;
	left: 6px;
	top: 5px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--mainColor);
}
.tradeshed-item .arrowlink {
	width: 100%;
}

/* ── Hover ── */

@media (any-hover: hover), (pointer: fine) {
	html:not([data-fls-touch]) .tradeshed-item:hover {
		box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.2);
	}
}