/* Theme-owned shell integration for public Banaslap Studio page contexts. */
.bl-banaslap-main {
	min-width: 0;
	padding-block: 0;
}

.bl-banaslap-page {
	--bl-banaslap-header-height: 68px;
	width: 100%;
	min-width: 0;
}

.bl-banaslap-page__title {
	margin: 0;
	color: var(--bl-color-text);
	font-family: var(--bl-font-family-heading);
	font-size: var(--bl-font-size-3xl);
	font-weight: var(--bl-font-weight-bold);
	letter-spacing: -0.025em;
	line-height: var(--bl-line-height-heading);
}

.bl-site-header--banaslap .bl-site-header__inner {
	min-height: 68px;
}

.bl-plugin-state {
	width: min(100%, var(--bl-container-reading));
	margin: var(--bl-space-6) auto;
	padding: var(--bl-space-4) var(--bl-space-5);
	border: 1px solid var(--bl-color-border-strong);
	border-radius: var(--bl-radius-md);
	background: var(--bl-color-surface);
	color: var(--bl-color-text-secondary);
}

.bl-plugin-state--configuration {
	border-color: color-mix(in srgb, var(--bl-color-warning) 42%, var(--bl-color-border));
	background: var(--bl-color-warning-soft);
}

.bl-plugin-state p {
	margin: 0;
}

.bl-banaslap-membership__header {
	width: min(100%, var(--bl-container-default));
	margin-inline: auto;
	padding-block: var(--bl-space-7) var(--bl-space-4);
}

.bl-banaslap-membership__content {
	min-width: 0;
	padding-block-end: var(--bl-section-space-small);
}

.bl-banaslap-membership__content > :where(p, ul, ol, h2, h3, h4, blockquote) {
	width: min(100%, var(--bl-container-reading));
	margin-inline: auto;
}

.bl-has-player-reserved-space {
	--bl-player-reserved-space: calc(var(--banaslap-player-height, 88px) + var(--bl-space-5) + env(safe-area-inset-bottom, 0px));
}

.bl-has-player-reserved-space .bl-site {
	padding-block-end: var(--bl-player-reserved-space);
}

@media (max-width: 1024px) {
	.bl-banaslap-page {
		--bl-banaslap-header-height: var(--bl-header-height-mobile);
	}

	.bl-site-header--banaslap .bl-site-header__inner {
		min-height: var(--bl-header-height-mobile);
	}

	.bl-has-player-reserved-space {
		--bl-player-reserved-space: calc(var(--banaslap-player-height-mobile, 84px) + var(--bl-space-5) + env(safe-area-inset-bottom, 0px));
	}

	.bl-has-player-reserved-space .bl-site-header__panel {
		max-height: calc(100vh - var(--bl-header-height-mobile) - var(--bl-player-reserved-space));
		max-height: calc(100dvh - var(--bl-header-height-mobile) - var(--bl-player-reserved-space));
	}
}

@media (min-width: 783px) and (max-width: 1024px) {
	.admin-bar.bl-has-player-reserved-space .bl-site-header__panel {
		max-height: calc(100vh - var(--bl-header-height-mobile) - var(--bl-player-reserved-space) - 32px);
		max-height: calc(100dvh - var(--bl-header-height-mobile) - var(--bl-player-reserved-space) - 32px);
	}
}

@media (max-width: 782px) {
	.admin-bar.bl-has-player-reserved-space .bl-site-header__panel {
		max-height: calc(100vh - var(--bl-header-height-mobile) - var(--bl-player-reserved-space) - 46px);
		max-height: calc(100dvh - var(--bl-header-height-mobile) - var(--bl-player-reserved-space) - 46px);
	}
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
	.bl-plugin-state--configuration {
		border-color: var(--bl-color-border-strong);
	}
}

@media print {
	.bl-plugin-state--configuration {
		display: none;
	}

	.bl-has-player-reserved-space .bl-site {
		padding-block-end: 0;
	}
}