/**
 * Popular Docs Sidebar Styles
 *
 * Styles for the popular docs shortcode that displays
 * the most visited documentation posts.
 */

.popular-docs-sidebar {
	margin: 0 !important;
	padding: 0 !important;
}

/* Override any theme column layouts */
.popular-docs-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	columns: 1 !important;
	-webkit-columns: 1 !important;
	-moz-columns: 1 !important;
	column-gap: 0 !important;
}

/* Reset list item styles */
.popular-docs-item {
	display: flex !important;
	align-items: flex-start !important;
	margin: 0 !important;
	padding: 16px 0 !important;
	line-height: 1 !important;
	min-height: auto !important;
	background: none !important;
	border: none !important;
	border-bottom: 1px solid #F1F1F6 !important;
	position: relative !important;
	-webkit-column-break-inside: auto !important;
	page-break-inside: auto !important;
	break-inside: auto !important;
}

.popular-docs-item:last-child {
	border-bottom: none !important;
}

/* Icon styling */
.popular-docs-icon {
	flex-shrink: 0 !important;
	width: 20px !important;
	height: 20px !important;
	margin: 2px 12px 0 0 !important;
	padding: 0 !important;
	display: block !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
}

/* Link styling */
.popular-docs-link {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
	color: #35495c !important;
	text-decoration: none !important;
	transition: color 0.2s ease;
	flex: 1 !important;
}

.popular-docs-link:hover,
.popular-docs-link:focus {
	color: #2386c5 !important;
	text-decoration: none !important;
}