/***************************************************
 * TIER ONE
 * TIER TWO
 * SIZE: 300x600
 ***************************************************/
.ad-placeholder-tier-one,
.ad-placeholder-tier-two {
	width: 100%;
	max-width: 300px;
	height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-radius: 8px;
}

/***************************************************
 * TOP MASTHEAD
 * MIDDLE MASTHEAD
 * PRODUCT MATRIX
 * TIER THREE
 * SIZE: 970x250
 ***************************************************/
.ad-placeholder-affiliate-matrix,
.ad-placeholder-tier-three,
.ad-placeholder-product-matrix,
.ad-placeholder-middle-masthead,
.ad-placeholder-top-masthead {
	width: 100%;
	max-width: 970px;
	display: flex;
	align-items: center;
	margin: 0 auto;
	justify-content: center;
	box-sizing: border-box;
	border-radius: 8px;
}

.sidebar broadstreet-zone-container {
	max-width: 375px;
	margin: 0 auto;
}

broadstreet-zone-container {
	text-align: center;
	width: fit-content;
	margin: 0 auto;
	font-size: 0;      /* Eliminate trailing whitespace from inline tracking elements */
	line-height: 0;
}

/**
 * Scale ad images within constrained containers.
 * Prevents oversized Broadstreet creatives from blowing out layouts.
 */
broadstreet-zone-container img {
	max-width: 100%;
	height: auto;
}

/**
 * In multi-column widget rows, cap ad zone width to sidebar ad size.
 * Broadstreet may serve creatives wider than the zone's configured size
 * (e.g. 1250px image in a 300px zone). This prevents those from crushing
 * adjacent content columns. Single-column rows (mastheads) are excluded
 * via :only-child so they keep their natural 970px width.
 */
.widget-layout-row > *:not(:only-child) broadstreet-zone-container {
	max-width: 300px;
}

/*
 * Ensure sidebar Ads from Primary Sidebar are only displayed on Directorist Listings single pages
 * except for /jobs
 */
body:not(.single-at_biz_dir, .directory-page) .sidebar .bs_zones {
	display: none;
}

.single-at_biz_dir .directorist-custom-section broadstreet-zone,
.directory-page .entry-content broadstreet-zone {
	text-align: center;
}

.sidebar .widget .widget-wrap:has(broadstreet-zone) {
	padding: 0 !important;
}

.textwidget.custom-html-widget:has(.ad-banner) {
	display: flex;
	justify-content: flex-end;
}

/* Responsive styles moved to assets/css/global/responsive/ */