/*
 * Shared 2-column promo ad blocks (referral / local-connect+community) -
 * template-parts/ad-block-referral.php and ad-block-local-community.php.
 * Used on the homepage and the Find Jobs page, so this lives in its own
 * small file rather than home.css (which is homepage-only) or find-jobs.css
 * (which is Find-Jobs-only) - loaded unconditionally alongside
 * jobsfor-public-ui.css.
 */

.jfh-adblock {
	padding: 30px 20px;
}

.jfh-adblock--local {
	background: linear-gradient(to bottom, transparent, #d0deee);
	padding: 0 20px 55px;
}

.jfh-adblock__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 28px;
	margin: 0 auto;
}

.jfh-adcard--image {
	display: block;
	overflow: hidden;
	border-radius: 14px;
	box-shadow: 0 6px 20px rgba(11, 38, 104, .08);
	transition: transform .18s var(--jfpub-ease, ease), box-shadow .18s var(--jfpub-ease, ease);
	line-height: 0;
}

.jfh-adcard--image:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(11, 38, 104, .14);
}

.jfh-adcard--image img {
	display: block;
	width: 100%;
	height: auto;
}

@media (prefers-reduced-motion: reduce) {
	.jfh-adcard--image {
		transition: none;
	}
}

@media (max-width: 991px) {
	.jfh-adblock__grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}
}

@media (max-width: 767px) {
	.jfh-adblock {
		padding-right: 0;
		padding-left: 0;
	}
}