/**
 * Integrations directory grid (Query Loop with class pcib-integrations).
 * Tile: 150 x 150 logo box, 5px corners, 25px gap, centred name (H4, 600).
 */

.pcib-integrations .wp-block-post-template {
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	gap: var(--wp--preset--spacing--large);
}

@media (max-width: 1279px) {
	.pcib-integrations .wp-block-post-template {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 781px) {
	.pcib-integrations .wp-block-post-template {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 599px) {
	.pcib-integrations .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

.pcib-integrations .wp-block-post {
	display: block;
	text-align: center;
	margin: 0;
}

.pcib-integrations .wp-block-post-featured-image {
	width: 150px !important;
	max-width: 100%;
	height: auto !important;
	aspect-ratio: 1 / 1;
	margin: 0 auto 25px;
}

.pcib-integrations .wp-block-post-featured-image a,
.pcib-integrations .wp-block-post-featured-image img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: 5px;
}

.pcib-integrations .wp-block-post-title {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

.pcib-integrations .wp-block-post-title a {
	text-decoration: none;
}

.pcib-integrations .wp-block-post-title a:hover {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

/* "Coming soon" entries: hidden by default, labelled when shown. */
.pcib-integrations .integration_type-coming-soon {
	display: none;
}

.pcib-integrations .integration_type-coming-soon .wp-block-post-title::after {
	content: "Coming soon";
	display: block;
	margin-top: 0.2rem;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	color: var(--wp--preset--color--primary-text);
}

.pcib-integrations-status {
	margin: 0 0 var(--wp--preset--spacing--medium);
	text-align: center;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--secondary);
}

/* Filter pills: the active one is solid. */
.pcib-filter.is-active .wp-block-button__link {
	background-color: var(--wp--preset--color--main) !important;
	border-color: var(--wp--preset--color--main) !important;
	color: var(--wp--preset--color--surface) !important;
}