/**
 * Docket – Trending List — structural CSS
 * ------------------------------------------------------------
 * Layout skeleton only. Every visual property (colors, spacing,
 * typography, borders) is driven by Elementor controls via
 * {{WRAPPER}} selectors on the widget itself, so those stay live
 * in the editor preview. This file just holds the box model that
 * doesn't need to be user-editable.
 * ------------------------------------------------------------
 */

.docket-trending {
	width: 100%;
}

.docket-trending__inner {
	margin: 0 auto;
}

.docket-trending__header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.docket-trending__title {
	margin: 0;
}

.docket-trending__viewall {
	white-space: nowrap;
	text-decoration: none;
}

.docket-trending__grid {
	display: grid;
}

.docket-trending__item {
	display: flex;
	align-items: flex-start;
	border-top-style: solid;
	box-sizing: border-box;
}

.docket-trending__grid--no-divider .docket-trending__item {
	border-top: none !important;
}

.docket-trending__rank {
	flex-shrink: 0;
	box-sizing: border-box;
}

.docket-trending__body {
	min-width: 0;
}

.docket-trending__headline {
	display: block;
	text-decoration: none;
}

.docket-trending__tag {
	display: block;
}

.docket-trending__empty {
	margin: 0;
	opacity: 0.7;
}