/*
 * Opmaak van het blok "Post Grid" (Ultimate Addons for Gutenberg) zoals in versie 1.18.
 * Versie 2 heeft een andere HTML-structuur (de padding zit op het artikel, de knop neemt de themastijl
 * over). Gebruikt op Fotografietips en Blog. Maten opgemeten op de oude site (2026-10-21).
 */

.uagb-post-grid article.uagb-post__inner-wrap {
	display: flex !important;
	flex-direction: column;
	padding: 0 !important;
}

.uagb-post-grid .uagb-post__inner-wrap > .uagb-post__image {
	margin: 0 !important;
	padding: 0 !important;
}

.uagb-post-grid .uagb-post__inner-wrap > .uagb-post__text {
	flex: 0 0 auto !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.uagb-post-grid .uagb-post__inner-wrap > .uagb-post__title {
	margin: 0 0 15px !important;
	padding-top: 20px !important;
	padding-bottom: 0 !important;
}

.uagb-post-grid .uagb-post__title a {
	color: #3b3b3b !important;
}

.uagb-post-grid .uagb-post-grid-byline {
	margin: 0 0 15px !important;
	padding-bottom: 0 !important;
	font-size: 11px !important;
	line-height: 15px !important;
	color: #777 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px;
}

.uagb-post-grid .uagb-post-grid-byline a {
	color: #777 !important;
	text-decoration: underline !important;
	font-size: 11px !important;
}

.uagb-post-grid .uagb-post-grid-byline .dashicons {
	display: none;
}

.uagb-post-grid .uagb-post__inner-wrap > .uagb-post__excerpt {
	flex: 1 0 auto !important;
}

.uagb-post-grid .uagb-post__excerpt {
	margin: 0 0 25px !important;
	padding-bottom: 0 !important;
}

.uagb-post-grid .uagb-post__excerpt p {
	margin: 0;
}

/* Knop: oranje balk over de volle breedte, onderaan de kaart. */
.uagb-post-grid .uagb-post__cta {
	display: block !important;
	margin: 0 20px 20px !important;
	padding: 0 !important;
	background: #cf694d;
	text-align: center;
}

.uagb-post-grid .uagb-post__cta .wp-block-button__link {
	display: inline-block;
	margin: 0 !important;
	width: auto !important;
	background: transparent !important;
	color: #fff !important;
	border-radius: 0 !important;
	padding: 12.6px 36px !important;
	font-size: 18px !important;
	line-height: 27px;
}

/* In 1.18 had elke kaart 20px ruimte eronder, ook de laatste rij: zoveel meer wit tot de footer. */
.wp-block-uagb-post-grid.uagb-post-grid {
	margin-bottom: 21px !important;
}
