/**
 * Frontend advertisement wrappers, device visibility, native promo.
 */
.bankera-ad {
	display: grid;
	justify-items: center;
	gap: 0;
	min-inline-size: 0;
	max-inline-size: 100%;
}
.bankera-ad--has-label {
	gap: 0.35rem;
}
.bankera-ad__label {
	color: var(--bankera-text-muted, #64748b);
	font-size: 0.7rem;
	font-weight: 500;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	min-block-size: 0;
}
.bankera-ad__inner,
.bankera-ad__html,
.bankera-ad__code,
.bankera-ad__shortcode {
	inline-size: 100%;
	min-inline-size: 0;
	max-inline-size: 100%;
}
.bankera-ad__img,
.bankera-ad img,
.elementor .bankera-ad img,
.elementor .elementor-widget .bankera-ad img,
.elementor .elementor-widget .bankera-ad__img {
	display: block;
	inline-size: 100%;
	max-inline-size: 100%;
	block-size: auto;
	border-radius: var(--bankera-radius-md, 0.5rem);
}
.bankera-ad--reserved {
	aspect-ratio: var(--bankera-ad-w, 300) / var(--bankera-ad-h, 250);
}
.bankera-ad--reserved .bankera-ad__inner {
	inline-size: 100%;
	block-size: 100%;
}
.bankera-ad__link {
	display: block;
	max-inline-size: 100%;
	text-decoration: none;
	color: inherit;
}
.bankera-ad__link:focus-visible {
	outline: 2px solid var(--bankera-focus, #3446a2);
	outline-offset: 2px;
}

@media (max-width: 47.999rem) {
	.bankera-ad--hide-mobile {
		display: none !important;
	}
}
@media (min-width: 48rem) and (max-width: 63.999rem) {
	.bankera-ad--hide-tablet {
		display: none !important;
	}
}
@media (min-width: 64rem) {
	.bankera-ad--hide-desktop {
		display: none !important;
	}
}

.bankera-ad-promo {
	display: grid;
	gap: 0.75rem;
	padding: 1rem;
	border: 1px solid var(--bankera-border, #e2e8f0);
	border-radius: 0.75rem;
	background: var(--bankera-surface, #fff);
	color: var(--bankera-text, #1e293b);
}
.bankera-ad-promo--primary {
	background: var(--bankera-primary-light, #eef1ff);
	border-color: var(--bankera-primary, #3446a2);
}
.bankera-ad-promo--gold {
	background: var(--bankera-gold-light, #fbf4e2);
	border-color: var(--bankera-gold, #e9be59);
}
.bankera-ad-promo__title {
	margin: 0;
	color: var(--bankera-heading, #17274d);
	font-size: 1.05rem;
	font-weight: 700;
}
.bankera-ad-promo__eyebrow,
.bankera-ad-promo__text {
	margin: 0;
	color: var(--bankera-text-muted, #64748b);
	font-size: 0.85rem;
}
.bankera-ad-promo__cta {
	display: inline-flex;
	margin-block-start: 0.35rem;
	padding: 0.4rem 0.8rem;
	border-radius: 999px;
	background: var(--bankera-primary, #3446a2);
	color: #fff;
	font-size: 0.85rem;
	font-weight: 600;
}
.bankera-ad-promo__media img {
	border-radius: var(--bankera-radius-md, 0.5rem);
}
[data-bankera-theme="dark"] .bankera-ad__label {
	color: var(--bankera-text-muted, #cbd5e1);
}
[data-bankera-theme="dark"] .bankera-ad-promo {
	background: var(--bankera-surface);
	border-color: var(--bankera-border);
	color: var(--bankera-text);
}
[data-bankera-theme="dark"] .bankera-ad-promo__title {
	color: var(--bankera-heading);
}

.bankera-ad--layout-grid {
	grid-column: 1 / -1;
	padding: 0.85rem;
	border: 1px dashed var(--bankera-border, #e2e8f0);
	border-radius: 0.75rem;
	background: var(--bankera-surface-alt, #f8fafc);
}
.bankera-ad--layout-header {
	overflow: hidden;
	border-radius: var(--bankera-radius-md, 0.5rem);
}
.bankera-ad--layout-inline {
	margin-block: 1.25rem;
}

.bankera-header-after-ad,
.bankera-footer-ad,
.bankera-home-ad {
	margin-block: 0.75rem;
	min-inline-size: 0;
}
.bankera-header-after-ad {
	display: grid;
	gap: 0.75rem;
	align-items: start;
}
.bankera-header-after-ad__cell {
	min-inline-size: 0;
	max-inline-size: 100%;
}
.bankera-header-after-ad__cell .bankera-ad {
	inline-size: 100%;
}
.bankera-header-after-ad img {
	display: block;
	inline-size: 100%;
	max-inline-size: 100%;
	block-size: auto;
	object-fit: contain;
	border-radius: var(--bankera-radius-md, 0.5rem);
}
@media (min-width: 64rem) {
	.bankera-header-after-ad--pair {
		grid-template-columns: 1fr 1fr;
	}
}