/*
 * Biota Bootstrap Blocks — background overlay.
 * Usado por BS Container, Row, Col, Div/Secção e Card.
 */
.biota-bs-has-bg-overlay,
.biota-bs-has-bg-video {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.biota-bs-has-bg-overlay::before {
	content: "";
	position: absolute;
	inset: 0;
	display: block;
	background: var(--biota-bs-bg-overlay, transparent);
	opacity: var(--biota-bs-bg-overlay-opacity, 1);
	pointer-events: none;
	z-index: 1;
	border-radius: inherit;
}

.biota-bs-bg-video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-fit: var(--biota-bs-bg-video-fit, cover);
	object-position: var(--biota-bs-bg-video-position, center center);
	z-index: 0;
	pointer-events: none;
	border-radius: inherit;
}

.biota-bs-bg-video > source {
	display: none;
}

.biota-bs-has-bg-overlay > *,
.biota-bs-has-bg-video > * {
	position: relative;
	z-index: 2;
}

.biota-bs-has-bg-video > .biota-bs-bg-video {
	position: absolute;
	z-index: 0;
	flex: none;
	max-width: none;
	margin: 0;
	padding: 0;
}

/*
 * Permite usar a classe .zoom em blocos com background image.
 * Útil para cards/imagens de fundo, onde não existe <img> para o CSS do tema animar.
 */
.biota-bs-has-bg-overlay.zoom,
.biota-bs-has-bg-video.zoom,
.zoom[style*="background-image"] {
	transform-origin: center center;
	transition: transform 0.35s ease, filter 0.35s ease;
	will-change: transform;
}

.biota-bs-has-bg-overlay.zoom:hover,
.biota-bs-has-bg-video.zoom:hover,
.zoom[style*="background-image"]:hover {
	z-index: 2;
	transform: scale(1.03);
}

@media (prefers-reduced-motion: reduce) {
	.biota-bs-has-bg-overlay.zoom,
	.biota-bs-has-bg-video.zoom,
	.zoom[style*="background-image"] {
		transition: none;
	}

	.biota-bs-has-bg-overlay.zoom:hover,
	.biota-bs-has-bg-video.zoom:hover,
	.zoom[style*="background-image"]:hover {
		transform: none;
	}
}

/*
 * Clickable blocks.
 *
 * A camada <a> fica no HTML apenas para manter compatibilidade com blocos já
 * guardados e para transportar o href. O clique no bloco é tratado por JS; assim
 * a camada não tapa hovers, botões, links ou outros elementos interactivos no
 * interior do bloco.
 */
.biota-bs-linked-block {
	position: relative;
	cursor: pointer;
}

.biota-bs-linked-block .biota-bs-block-link-overlay {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	border-radius: inherit;
	background: transparent;
	text-indent: -9999px;
	overflow: hidden;
	pointer-events: none;
}

.biota-bs-linked-block:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.biota-bs-linked-block :is(a, button, input, select, textarea, label, summary, iframe, video, audio, [role="button"], [role="link"], [contenteditable="true"]) {
	cursor: auto;
}


/*
 * BS Main Menu — editor-controlled item colours/backgrounds.
 * Based on plugin 2.0.8 behaviour; current item highlight only changes
 * colour and background through the values explicitly set in the block.
 */
.biota-bs-menu-grid .navbar-nav > .nav-item > .nav-link {
	color: var(--biota-bs-menu-text-color);
	background: var(--biota-bs-menu-item-bg);
}

.biota-bs-menu-grid.biota-bs-menu-highlight-current .navbar-nav > .nav-item.biota-bs-menu-current > .nav-link,
.biota-bs-menu-grid.biota-bs-menu-highlight-current .navbar-nav > .nav-item > .nav-link.biota-bs-menu-link-current {
	color: var(--biota-bs-menu-current-text-color, var(--biota-bs-menu-text-color));
	background: var(--biota-bs-menu-current-item-bg, var(--biota-bs-menu-item-bg));
}

/*
 * BS Button — custom style.
 * No Bootstrap btn-* visual reset is applied here. This lets theme classes such
 * as .glass define their own background, border and effects.
 */

/* BS Button — text style preset for paragraph-like text. */
.biota-bs-button-text-p {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.btn.h1,
.btn.h2,
.btn.h3,
.btn.h4,
.btn.h5,
.btn.h6,
.biota-bs-custom-button.h1,
.biota-bs-custom-button.h2,
.biota-bs-custom-button.h3,
.biota-bs-custom-button.h4,
.biota-bs-custom-button.h5,
.biota-bs-custom-button.h6 {
	margin-bottom: 0;
}

/* BS Gradient Line — plugin-owned styles.
 * Não depende da classe .gradient-line do tema/style.css.
 */
.biota-bs-gradient-line {
	display: block;
	flex: 0 0 auto;
	width: 33%;
	min-width: 6px;
	height: 6px;
	min-height: 6px;
	border-radius: 3px;
	background: var(--g-brand-linear, linear-gradient(135deg, #fb761f 0%, #ffc81b 100%));
	background-size: 100% 100%;
}

.biota-bs-gradient-line.biota-bs-gradient-line-horizontal {
	width: 33%;
	height: 6px;
}

.biota-bs-gradient-line.biota-bs-gradient-line-vertical {
	width: 6px;
	min-width: 6px;
	height: 33%;
	min-height: 6px;
}