/**
 * Chi siamo — layout sezioni Taberna38.
 */

.taberna38-page--chi-siamo {
	overflow-x: clip;
}

body.taberna38-body--chi-siamo .taberna38-page--chi-siamo .container-fluid.taberna38-about__container {
	box-sizing: border-box;
	width: calc(100% - 2 * var(--taberna38-home-gutter));
	max-width: none;
	margin-inline: auto;
	padding-inline: calc(var(--bs-gutter-x) * 0.5);
}

@media (max-width: 767.98px) {
	body.taberna38-body--chi-siamo .taberna38-page--chi-siamo .container-fluid.taberna38-about__container {
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
		padding-inline: var(--taberna38-home-gutter);
	}
}

/* Override main.css (img { height: auto }) sui media full-bleed */
.taberna38-page--chi-siamo .taberna38-about-s3__image,
.taberna38-page--chi-siamo .taberna38-about-s3__video,
.taberna38-page--chi-siamo .taberna38-about-media__image,
.taberna38-page--chi-siamo .taberna38-about-media__video {
	max-width: none;
	height: 100%;
}

/* —— Media responsive —— */
.taberna38-about-media {
	position: relative;
	width: 100%;
	height: 100%;
}

.taberna38-about-media__slot {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.taberna38-about-media__slot--mobile {
	display: none;
}

.taberna38-about-media--has-mobile .taberna38-about-media__slot--desktop {
	display: block;
}

.taberna38-about-media__image,
.taberna38-about-media__video,
.taberna38-about-s3__image,
.taberna38-about-s3__video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media (max-width: 767.98px) {
	.taberna38-about-media--has-mobile .taberna38-about-media__slot--desktop {
		display: none;
	}

	.taberna38-about-media--has-mobile .taberna38-about-media__slot--mobile {
		display: block;
	}
}

/* —— Hero S1 —— */
.taberna38-page--chi-siamo .taberna38-about-hero.taberna38-section {
	padding-block: 0;
}

.taberna38-page--chi-siamo .taberna38-about-hero__inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.taberna38-page--chi-siamo .taberna38-about-hero__content {
	width: 100%;
}

.taberna38-page--chi-siamo .taberna38-about-s1.taberna38-about-hero {
	background-color: var(--taberna38-about-hero-bg, var(--taberna38-color-accent));
	padding-top: 220px;
	padding-bottom: 120px;
}

.taberna38-page--chi-siamo .taberna38-about-s1 .taberna38-about-hero__inner {
	height: auto;
	min-height: 0;
	background: transparent;
}

.taberna38-page--chi-siamo .taberna38-about-s1 .taberna38-about-hero__content {
	padding: 0;
	text-align: center;
	color: var(--taberna38-about-hero-text, var(--taberna38-color-bg));
}

.taberna38-page--chi-siamo .taberna38-about-s1 .taberna38-about-hero__title,
.taberna38-page--chi-siamo .taberna38-about-s1 .taberna38-about-hero__subtitle {
	color: inherit;
	margin-inline: auto;
	text-align: center;
}

.taberna38-page--chi-siamo .taberna38-about-s1 .taberna38-about-hero__title {
	max-width: 22ch;
}

.taberna38-page--chi-siamo .taberna38-about-s1 .taberna38-about-hero__subtitle {
	max-width: 42rem;
}

@media (max-width: 767.98px) {
	.taberna38-page--chi-siamo .taberna38-about-s1.taberna38-about-hero {
		padding-top: 220px;
		padding-bottom: 120px;
	}
}

/* —— Forme decorative sezione —— */
.taberna38-about-section--has-shapes {
	position: relative;
	overflow: visible;
	z-index: 1;
}

.taberna38-about-shape {
	position: absolute;
	left: 0;
	width: 100%;
	pointer-events: none;
	z-index: 4;
	line-height: 0;
}

.taberna38-about-shape--top {
	top: 0;
}

.taberna38-about-shape--bottom {
	bottom: 0;
}

.taberna38-about-shape__image {
	display: block;
	width: 100%;
	height: auto;
}

/* —— Split (S2, S4) —— */
.taberna38-about-s2 {
	background-color: var(--taberna38-about-s2-bg, transparent);
}

.taberna38-about-s4 {
	background-color: var(--taberna38-about-s4-bg, transparent);
}

.taberna38-about-split__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: start;
}

.taberna38-about-split__content .taberna38-btn-group {
	justify-content: flex-start;
}

.taberna38-about-split__media {
	display: flex;
	justify-content: center;
	width: 100%;
}

.taberna38-about-split__media .taberna38-media-frame,
.taberna38-about-split__media .taberna38-media,
.taberna38-about-split__media-el {
	width: auto;
	max-width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
}

.taberna38-about-split__media .taberna38-media__image,
.taberna38-about-split__media .taberna38-media__video,
.taberna38-about-split__media-el .taberna38-media__image,
.taberna38-about-split__media-el .taberna38-media__video,
.taberna38-about-split__media-el img,
.taberna38-about-split__media-el video {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
}

.taberna38-page--chi-siamo .taberna38-about-split__media .taberna38-video-player {
	width: auto;
	max-width: 100%;
	height: auto;
}

@media (min-width: 992px) {
	.taberna38-about-split__media {
		justify-content: flex-end;
	}

	.taberna38-about-split--reverse .taberna38-about-split__content {
		padding-left: var(--taberna38-container-padding-x);
	}

	.taberna38-about-split--reverse .taberna38-about-split__media {
		justify-content: flex-start;
	}
}

.taberna38-about-s2--custom-text .taberna38-title,
.taberna38-about-s2--custom-text .taberna38-text,
.taberna38-about-s2--custom-text .taberna38-wysiwyg,
.taberna38-about-s2--custom-text .taberna38-wysiwyg a {
	color: var(--taberna38-about-s2-text, var(--taberna38-color-text));
}

.taberna38-about-s4--custom-text .taberna38-title,
.taberna38-about-s4--custom-text .taberna38-text,
.taberna38-about-s4--custom-text .taberna38-wysiwyg,
.taberna38-about-s4--custom-text .taberna38-wysiwyg a {
	color: var(--taberna38-about-s4-text, var(--taberna38-color-text));
}

/* —— Sezione 3 media full width —— */
.taberna38-about-s3 {
	padding-block: 0;
}

.taberna38-about-s3__media {
	position: relative;
	width: 100%;
	min-height: 800px;
}

.taberna38-about-s3__media .taberna38-about-media {
	position: absolute;
	inset: 0;
	height: 100%;
}

/* —— Sezione 5 showcase + Swiper —— */
.taberna38-about-s5 {
	background-color: var(--taberna38-about-s5-bg, transparent);
}

.taberna38-about-s5:not(.taberna38-about-section--has-shapes) {
	overflow: hidden;
}

.taberna38-about-s5__intro {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 2.5rem;
	position: relative;
	z-index: 10;
}

.taberna38-about-s5__intro .taberna38-btn-group {
	justify-content: flex-start;
	width: 100%;
}

.taberna38-about-s5--custom-text .taberna38-title,
.taberna38-about-s5--custom-text .taberna38-text,
.taberna38-about-s5--custom-text .taberna38-wysiwyg,
.taberna38-about-s5--custom-text .taberna38-wysiwyg a {
	color: var(--taberna38-about-s5-text, var(--taberna38-color-text));
}

@media (min-width: 768px) {
	.taberna38-about-s5__intro {
		align-items: center;
		margin-inline: auto;
		text-align: center;
	}

	.taberna38-about-s5__intro .taberna38-title,
	.taberna38-about-s5__intro .taberna38-text,
	.taberna38-about-s5__intro .taberna38-wysiwyg {
		width: 100%;
	}

	.taberna38-about-s5__intro .taberna38-btn-group {
		justify-content: center;
		width: auto;
	}
}

.taberna38-page--chi-siamo .container-fluid.taberna38-about-s5__carousel {
	width: 100%;
	max-width: none;
	margin-inline: 0;
	padding-inline: var(--taberna38-container-padding-x);
}

.taberna38-about-s5__carousel {
	margin-top: 0;
	overflow: visible;
	padding-inline: 20px;
	position: relative;
	z-index: 10;
}

.taberna38-about-s5__swiper {
	overflow: visible;
}

.taberna38-about-s5__slide-image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

/* —— Sezione 6 CTA —— */
.taberna38-about-s6 {
	background-color: var(--taberna38-about-s6-bg, var(--taberna38-color-bg));
}

.taberna38-about-s6__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 56rem;
	margin-inline: auto;
	text-align: center;
}

.taberna38-about-s6__inner .taberna38-title,
.taberna38-about-s6__inner .taberna38-text,
.taberna38-about-s6__inner .taberna38-wysiwyg {
	width: 100%;
	text-align: center;
}

.taberna38-about-s6__inner .taberna38-btn-group {
	justify-content: center;
	align-items: center;
	width: auto;
}

.taberna38-about-s6--custom-text .taberna38-title,
.taberna38-about-s6--custom-text .taberna38-text,
.taberna38-about-s6--custom-text .taberna38-wysiwyg,
.taberna38-about-s6--custom-text .taberna38-wysiwyg a {
	color: var(--taberna38-about-s6-text, var(--taberna38-color-text));
}

/* —— Video player —— */
.taberna38-page--chi-siamo .taberna38-video-player {
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.taberna38-page--chi-siamo .taberna38-video-player__center {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.taberna38-page--chi-siamo .taberna38-video-player__btn--mute {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 2;
}