/**
 * Docs Category List Styles
 *
 * Styles for the docs category list shortcode that displays
 * documentation posts from the current category.
 */

.docs-category-list {
	margin: 0 !important;
	padding: 0 !important;
}

/* Override any theme column layouts */
.docs-category-list__items {
	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 */
.docs-category-list__item {
	display: flex !important;
	align-items: flex-start !important;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	min-height: auto !important;
	background: none !important;
	border: none !important;
	position: relative !important;
	-webkit-column-break-inside: auto !important;
	page-break-inside: auto !important;
	break-inside: auto !important;
}

.docs-category-list__item:last-child {
	margin-bottom: 0 !important;
}

/* Icon styling */
.docs-category-list__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;
}

/* Content wrapper */
.docs-category-list__content {
	flex: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Title styling */
.docs-category-list__title {
	margin: 0 0 8px 0 !important;
	padding: 0 !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 24px !important;
	color: #171717 !important;
}

/* Link styling */
.docs-category-list__link {
	font-size: 18px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
	color: #171717 !important;
	text-decoration: none !important;
	transition: color 0.2s ease;
}

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

/* Excerpt styling */
.docs-category-list__excerpt {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	line-height: 24px !important;
	color: #404040 !important;
}