/* Category List for Elementor */
.clw {
	--clw-gap: 10px;
	--clw-img: 40px;
	--clw-align: flex-start;
}

.clw__title {
	margin: 0 0 .7em;
	line-height: 1.3;
}

.clw__list,
.clw__sub {
	display: flex;
	flex-direction: column;
	align-items: var(--clw-align);
	gap: var(--clw-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.clw--grid > .clw__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
}

.clw--inline > .clw__list {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: var(--clw-align);
	gap: var(--clw-gap) calc(var(--clw-gap) * 2);
}

.clw__item {
	margin: 0;
	padding: 0;
	list-style: none;
}
.clw__item::before,
.clw__item::marker { content: none; }

.clw__link {
	display: inline-flex;
	align-items: center;
	gap: .55em;
	color: var(--clw-color, inherit);
	text-decoration: none;
	line-height: 1.4;
	transition: color 140ms ease;
}
.clw a.clw__link:hover,
.clw a.clw__link:focus-visible {
	color: var(--clw-hover, var(--e-global-color-accent, currentColor));
}
.clw__item.is-current > .clw__link {
	color: var(--clw-current, var(--clw-hover, var(--e-global-color-accent, currentColor)));
}
.clw__link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
	border-radius: 2px;
}

.clw__count {
	opacity: .6;
	font-size: .85em;
}

.clw__badge {
	display: inline-block;
	padding: .12em .5em;
	border-radius: 999px;
	background: var(--e-global-color-accent, #1d5fd1);
	color: #fff;
	font-size: .7em;
	font-weight: 600;
	line-height: 1.35;
	white-space: nowrap;
}

.clw__img {
	flex: none;
	width: var(--clw-img);
	height: var(--clw-img);
	object-fit: cover;
	border-radius: 4px;
}

.clw__sub {
	margin: .45em 0 0 1em;
	gap: calc(var(--clw-gap) * .6);
	font-size: .92em;
}

.clw-notice {
	padding: 10px 14px;
	border-left: 3px solid #d63638;
	background: rgba(214, 54, 56, .06);
	font-size: 14px;
}
