/* components/cabinet-news-ribbon.css — простая лента на прозрачном фоне (кабинет) */

.cabinet-news-ribbon {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	max-width: 22rem;
	max-height: min( 80dvh, 34rem );
	margin: 0;
	padding: 0.25rem 0.15rem 0;
	background: transparent;
	border: none;
	box-shadow: none;
}

.cabinet-news-ribbon__head {
	display: flex;
	align-items: center;
	min-height: 1.2em;
	margin: 0 0 0.75rem;
	padding: 0;
	background: transparent;
	border: none;
}

.cabinet-news-ribbon__heading {
	margin: 0;
	color: var( --ink );
	font-family: var( --font-display );
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.3;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.cabinet-news-ribbon__list {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 0.5rem;
	min-height: 0;
	overflow-y: auto;
	padding: 0 0.1rem 0.25rem;
	scrollbar-width: thin;
	scrollbar-color: color-mix( in srgb, var( --ink ) 22%, transparent ) transparent;
}

.cabinet-news-ribbon__item {
	box-sizing: border-box;
	padding: 10px 10px 10px 15px;
	border: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: color-mix( in srgb, var( --ink ) 22%, transparent );
	background-color: #ffffff0a;
}

.cabinet-news-ribbon__date {
	display: block;
	margin: 0 0 0.3rem;
	color: var( --muted );
	font-size: 0.7rem;
	font-weight: 650;
	letter-spacing: 0.05em;
	line-height: 1.2;
}

.cabinet-news-ribbon__title {
	margin: 0 0 0.3rem;
	color: var( --ink );
	font-family: var( --font-body );
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1.35;
	text-wrap: pretty;
}

.cabinet-news-ribbon__title span {
	color: inherit;
}

.cabinet-news-ribbon__text {
	margin: 0;
	color: var( --muted );
	font-size: 0.84rem;
	font-weight: 450;
	line-height: 1.45;
}

.cabinet-news-ribbon--empty .cabinet-news-ribbon__item {
	padding-block: 0.5rem;
}

@media ( max-width: 1080px ) {
	.cabinet-news-ribbon {
		box-sizing: border-box;
		width: 100%;
		max-width: none;
		max-height: none;
		margin-top: 0.85rem;
		padding: 0.75rem 0 0;
		border-top: 1px solid color-mix( in srgb, var( --ink ) 14%, transparent );
	}

	.cabinet-news-ribbon__list {
		max-height: min( 50dvh, 22rem );
	}
}