/* BigBois Ads — frontend */

.bba-slot { max-width: 100%; overflow: hidden; }
.bba-frame { display: block; border: 0; max-width: 100%; }

.bba-block {
	margin: 24px auto;
	text-align: center;
	clear: both;
	line-height: 0;
}
.bba-block .bba-slot { display: inline-block; }

.bba-label {
	display: block;
	font: 600 10px/1.4 -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #94a3b8;
	margin-bottom: 4px;
	line-height: 1.4;
}

.bba-slot-native { margin: 24px auto; text-align: left; line-height: normal; }

/* Sticky sidebar */
.bba-widget-sticky { position: sticky; top: 24px; }

/* Mobile anchor (bottom sticky bar) */
.bba-anchor {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99990;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(15, 23, 42, .92);
	padding: 2px 0;
	box-shadow: 0 -2px 8px rgba(0, 0, 0, .35);
	line-height: 0;
}
.bba-anchor .bba-close {
	position: absolute;
	top: -20px;
	right: 6px;
	width: 20px;
	height: 20px;
	text-align: center;
	background: #0f172a;
	color: #fff;
	border: 1px solid #334155;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
	font: 700 13px/18px Arial, sans-serif;
}
.bba-anchor .bba-slot { margin: 0; }

/* When desktop is disabled, hide the anchor on wide viewports */
@media (min-width: 1025px) {
	.bba-anchor.bba-anchor-mobile { display: none; }
}
