/**
 * Boksiowo Portal Engine PRO — Ad Manager module styles.
 */

.bpe-ad {
	display: block;
	margin: 24px 0;
	text-align: center;
	overflow: hidden;
}

.bpe-ad::before {
	content: "Reklama";
	display: block;
	margin-bottom: 6px;
	color: #8c8f94;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.bpe-ad--image img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}

.bpe-ad--custom {
	max-width: 100%;
	/* Correction: an earlier pass here added max-height:480px+overflow:
	   hidden believing the Pet Help ad's stored `<style>` tag had been
	   stripped by wp_kses_post(), leaving raw CSS visible as page text.
	   Re-checked directly against the live HTML response (curl, not the
	   DOM's .textContent — which includes hidden <style>/<script> text
	   nodes even though browsers never paint them, which is what actually
	   caused that misread): the stored `_bpe_ad_custom_code` is fully
	   intact, valid HTML, and its <style> tag was rendering correctly all
	   along. The real effect of the max-height/overflow rule below was
	   clipping this specific ad's own legitimate ~1000px of content
	   (image + heading + intro + feature list + CTA) down to 480px,
	   hiding its call-to-action button entirely — removed.
	*/
}

/* Admin list table status badges (Reklamy). */
.bpe-ad-status {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 0.8rem;
	font-weight: 600;
}

.bpe-ad-status--active {
	background: #edfaef;
	color: #1a7f37;
}

.bpe-ad-status--scheduled {
	background: #fff8e5;
	color: #9a6700;
}

.bpe-ad-status--expired {
	background: #fbeaea;
	color: #b32d2e;
}