/* Categorieblok — versie 0.1.10 */

.aw-home-block {
	box-sizing: border-box;
	margin: 0 0 32px;
	overflow: hidden;
	background: var(--awnb-white, #FFFFFF);
	border: 1px solid var(--awnb-border, #D9D9D9);
	border-radius: var(--aw-radius-large, 10px);
	box-shadow: 0 4px 14px rgba(0, 84, 127, 0.08);
}

.aw-category-block__header {
	position: relative;
	overflow: hidden;
	padding: 15px 20px;
	background: linear-gradient(135deg, var(--awnb-blue, #006EA8), var(--awnb-blue-dark, #00547F));
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}

.aw-category-block__header::after {
	position: absolute;
	top: -56px;
	right: -38px;
	width: 124px;
	height: 124px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.09);
	content: "";
	pointer-events: none;
}

.aw-category-block__header-inner {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 12px;
}

.aw-category-block__heading { margin: 0; }
.aw-category-block__heading a {
	color: var(--awnb-white, #FFFFFF) !important;
	text-decoration: none;
}
.aw-category-block__heading a:hover,
.aw-category-block__heading a:focus {
	color: var(--awnb-white, #FFFFFF) !important;
	text-decoration: underline;
}

.aw-category-block__icon {
	display: inline-grid;
	flex: 0 0 auto;
	width: 2.15em;
	height: 2.15em;
	place-items: center;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.42);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.18);
	color: var(--awnb-white, #FFFFFF);
}
.aw-category-block__icon .awnb-svg-icon {
	display: block;
	width: 68%;
	height: 68%;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.15;
	vector-effect: non-scaling-stroke;
}

.aw-category-block__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(250px, 1fr);
	gap: 22px;
	padding: 22px 22px 18px;
	align-items: start;
}
.aw-category-block--posts-1 .aw-category-block__grid { grid-template-columns: minmax(0, 1fr); }
.aw-category-block__main-card,
.aw-category-block__small-card { min-width: 0; }

.aw-category-block__main-image-link,
.aw-category-block__small-image-link {
	display: block;
	overflow: hidden;
	background: var(--awnb-blue-light, #E7F5FA);
}
.aw-category-block__main-image-link { border-radius: var(--aw-radius-medium, 8px); }
.aw-category-block__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 180ms ease;
}
.aw-category-block__image--main,
.aw-category-block__main-image-link .aw-category-block__image-placeholder { aspect-ratio: var(--awnb-main-image-ratio-desktop, 16 / 9); }
.aw-category-block__image--small,
.aw-category-block__small-image-link .aw-category-block__image-placeholder { aspect-ratio: 4 / 3; }
.aw-category-block__main-image-link:hover .aw-category-block__image,
.aw-category-block__small-image-link:hover .aw-category-block__image { transform: scale(1.025); }
.aw-category-block__image-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	color: var(--awnb-blue-dark, #00547F);
	background: linear-gradient(135deg, var(--awnb-blue-light, #E7F5FA), var(--awnb-white, #FFFFFF));
	font-weight: 700;
	letter-spacing: 0.04em;
}

.aw-category-block__main-content { padding-top: 16px; }
.aw-category-block__main-title,
.aw-category-block__small-title { margin: 0; }
.aw-category-block__main-title a,
.aw-category-block__small-title a { color: var(--awnb-text, #222222); text-decoration: none; }
.aw-category-block__main-title a:hover,
.aw-category-block__main-title a:focus,
.aw-category-block__small-title a:hover,
.aw-category-block__small-title a:focus { color: var(--awnb-blue-dark, #00547F); }

.aw-category-block__intro {
	margin: 12px 0 0;
	color: var(--awnb-text, #222222);
	line-height: 1.65;
}
.aw-category-block__intro--mobile { display: none; }

.aw-category-block__small-list {
	display: grid;
	gap: 18px;
	align-content: start;
	min-width: 0;
}
.aw-category-block__small-card {
	display: grid;
	grid-template-columns: minmax(112px, 42%) minmax(0, 1fr);
	gap: 14px;
	align-items: start;
	min-width: 0;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--awnb-border, #D9D9D9);
}
.aw-category-block__small-card:last-child { padding-bottom: 0; border-bottom: 0; }
.aw-category-block__small-image-link { align-self: start; border-radius: var(--aw-radius-small, 6px); }
.aw-category-block__small-content { align-self: start; min-width: 0; }

.aw-category-block__date {
	display: block;
	margin: 6px 0;
	color: var(--awnb-date-color-desktop, #666666);
	font-size: var(--awnb-date-size-desktop, 13px);
	line-height: 1.3;
}
.aw-category-block__small-content > .aw-category-block__date { margin-top: 0; }
.aw-category-block__date--mobile { display: none; }

.aw-category-block__small-title,
.aw-category-block__small-intro {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.aw-category-block__small-title { -webkit-line-clamp: var(--awnb-small-title-lines-desktop, 4); }
.aw-category-block__small-intro { margin: 8px 0 0; line-height: 1.45; }
.aw-category-block__small-intro--desktop {
	color: var(--awnb-small-intro-color-desktop, #666666);
	font-size: var(--awnb-small-intro-size-desktop);
	-webkit-line-clamp: var(--awnb-small-intro-lines-desktop, 2);
}
.aw-category-block__small-intro--mobile {
	display: none;
	color: var(--awnb-small-intro-color-mobile, #666666);
	font-size: var(--awnb-small-intro-size-mobile);
	-webkit-line-clamp: var(--awnb-small-intro-lines-mobile, 3);
}

.aw-category-block__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 22px 22px;
}
.aw-category-block__button,
.aw-category-block a.aw-category-block__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 42px;
	border-radius: 999px;
	font-family: inherit;
	font-size: 15px !important;
	line-height: 1.2;
	text-decoration: none !important;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.aw-category-block__button--read {
	padding: 11px 20px;
	background: var(--awnb-blue, #006EA8);
	color: var(--awnb-white, #FFFFFF) !important;
	font-weight: 700;
}
.aw-category-block__button--read span { color: inherit !important; }
.aw-category-block__button--read:hover,
.aw-category-block__button--read:focus {
	background: var(--awnb-blue-dark, #00547F);
	color: var(--awnb-white, #FFFFFF) !important;
	transform: translateY(-1px);
}
.aw-category-block__button--category {
	gap: 5px;
	padding: 10px 18px;
	border: 2px solid var(--awnb-green, #4D8A57);
	background: var(--awnb-white, #FFFFFF);
}
.aw-category-block__more-prefix { color: var(--awnb-muted, #666666); font-weight: 400; }
.aw-category-block__more-category { color: var(--awnb-green, #4D8A57); font-weight: 800; }
.aw-category-block__button--category:hover,
.aw-category-block__button--category:focus { background: var(--awnb-green, #4D8A57); transform: translateY(-1px); }
.aw-category-block__button--category:hover .aw-category-block__more-prefix,
.aw-category-block__button--category:focus .aw-category-block__more-prefix,
.aw-category-block__button--category:hover .aw-category-block__more-category,
.aw-category-block__button--category:focus .aw-category-block__more-category { color: var(--awnb-white, #FFFFFF); }

.aw-category-block--notice { padding: 18px 20px; border-left: 6px solid var(--awnb-blue, #006EA8); }

/* Hoogtebalans zonder verticale centrering of vervorming. */
.aw-category-block--spread-small-list .aw-category-block__small-list { display: flex; flex-direction: column; }
.aw-category-block--spread-small-list .aw-category-block__small-card:last-child { margin-top: auto; }
.aw-category-block--balance-tight .aw-category-block__small-list { gap: 10px; }
.aw-category-block--balance-tight .aw-category-block__small-card { gap: 10px; padding-bottom: 10px; }
.aw-category-block--balance-one-line .aw-category-block__small-intro--desktop { -webkit-line-clamp: 1; }
.aw-category-block--balance-hide-intro .aw-category-block__small-intro--desktop { display: none; }
.aw-category-block--balance-two-title-lines .aw-category-block__small-title { -webkit-line-clamp: 2; }

@media (max-width: 900px) {
	.aw-category-block__grid { grid-template-columns: 1fr; }
	.aw-category-block__small-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.aw-category-block__small-card { display: block; padding-bottom: 0; border-bottom: 0; }
	.aw-category-block__small-content { padding-top: 10px; }
	.aw-category-block--spread-small-list .aw-category-block__small-list { display: grid; }
	.aw-category-block--spread-small-list .aw-category-block__small-card:last-child { margin-top: 0; }
}

@media (max-width: 700px) {
	.aw-home-block { margin-bottom: 24px; border-radius: var(--aw-radius-medium, 8px); }
	.aw-category-block__header { padding: 13px 16px; }
	.aw-category-block__grid { padding: 18px 18px 16px; }
	.aw-category-block__image--main,
	.aw-category-block__main-image-link .aw-category-block__image-placeholder { aspect-ratio: var(--awnb-main-image-ratio-mobile, 16 / 9); }
	.aw-category-block__intro--desktop { display: none; }
	.aw-category-block__intro--mobile { display: block; }
	.aw-category-block__small-list { grid-template-columns: 1fr; }
	.aw-category-block__small-card {
		display: grid;
		grid-template-columns: minmax(105px, 38%) minmax(0, 1fr);
		gap: 13px;
		align-items: start;
		padding-bottom: 15px;
		border-bottom: 1px solid var(--awnb-border, #D9D9D9);
	}
	.aw-category-block__small-card:last-child { padding-bottom: 0; border-bottom: 0; }
	.aw-category-block__small-content { padding-top: 0; }
	.aw-category-block__date--desktop { display: none; }
	.aw-category-block__date--mobile {
		display: block;
		color: var(--awnb-date-color-mobile, #666666);
		font-size: var(--awnb-date-size-mobile, 14px);
	}
	.aw-category-block__small-title { -webkit-line-clamp: var(--awnb-small-title-lines-mobile, 5); }
	.aw-category-block__small-intro--desktop { display: none; }
	.aw-category-block__small-intro--mobile { display: -webkit-box; }
	.aw-category-block__actions { flex-direction: column; align-items: stretch; padding: 0 18px 18px; }
	.aw-category-block__button { width: 100%; }
}