/*
 * RWD WPBakery Layout Tools
 * Frontend styles — 1.0.1
 *
 * Correzione importante:
 * sulle colonne NON allarghiamo più la colonna stessa.
 * Manteniamo intatto il 50/50 di WPBakery e facciamo "sbordare"
 * solo il contenuto interno (.vc_column-inner).
 */

.rwd-vc-full-bleed {
	--rwd-bleed-left: 0px;
	--rwd-bleed-right: 0px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

/* =========================================================
   SINGLE IMAGE: può espandersi direttamente
   ========================================================= */

.rwd-vc-full-bleed.wpb_single_image.rwd-vc-bleed-left {
	width: calc(100% + var(--rwd-bleed-left)) !important;
	margin-left: calc(var(--rwd-bleed-left) * -1) !important;
}

.rwd-vc-full-bleed.wpb_single_image.rwd-vc-bleed-right {
	width: calc(100% + var(--rwd-bleed-right)) !important;
	margin-right: calc(var(--rwd-bleed-right) * -1) !important;
}

.rwd-vc-full-bleed.wpb_single_image.rwd-vc-bleed-both {
	width: calc(100% + var(--rwd-bleed-left) + var(--rwd-bleed-right)) !important;
	margin-left: calc(var(--rwd-bleed-left) * -1) !important;
	margin-right: calc(var(--rwd-bleed-right) * -1) !important;
}

.rwd-vc-full-bleed.wpb_single_image .vc_single_image-wrapper,
.rwd-vc-full-bleed.wpb_single_image figure,
.rwd-vc-full-bleed.wpb_single_image img {
	width: 100% !important;
	max-width: none !important;
	display: block;
}

/* =========================================================
   COLUMN / INNER COLUMN:
   la colonna esterna RESTA della larghezza WPBakery.
   Si espande solo .vc_column-inner, quindi il sibling non va a capo.
   ========================================================= */

.rwd-vc-full-bleed.vc_column_container {
	overflow: visible !important;
}

.rwd-vc-full-bleed.vc_column_container.rwd-vc-bleed-left > .vc_column-inner {
	width: calc(100% + var(--rwd-bleed-left)) !important;
	margin-left: calc(var(--rwd-bleed-left) * -1) !important;
}

.rwd-vc-full-bleed.vc_column_container.rwd-vc-bleed-right > .vc_column-inner {
	width: calc(100% + var(--rwd-bleed-right)) !important;
	margin-right: calc(var(--rwd-bleed-right) * -1) !important;
}

.rwd-vc-full-bleed.vc_column_container.rwd-vc-bleed-both > .vc_column-inner {
	width: calc(100% + var(--rwd-bleed-left) + var(--rwd-bleed-right)) !important;
	margin-left: calc(var(--rwd-bleed-left) * -1) !important;
	margin-right: calc(var(--rwd-bleed-right) * -1) !important;
}

/* Se nella colonna c'è una Single Image, la facciamo seguire la nuova larghezza. */
.rwd-vc-full-bleed.vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_single_image,
.rwd-vc-full-bleed.vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_single_image figure,
.rwd-vc-full-bleed.vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_single_image .vc_single_image-wrapper,
.rwd-vc-full-bleed.vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_single_image img {
	width: 100% !important;
	max-width: none !important;
	display: block;
}

/* Evita che WPBakery / tema taglino lo sbordamento. */
.rwd-vc-row-has-bleed,
.rwd-vc-row-has-bleed > .vc_row,
.rwd-vc-row-has-bleed > .vc_column_container {
	overflow: visible !important;
}

/* =========================================================
   MOBILE REVERSE
   ========================================================= */

@media (max-width: 767px) {
	.rwd-vc-mobile-reverse-767 {
		display: flex !important;
		flex-direction: column-reverse !important;
	}

	.rwd-vc-mobile-reverse-767 > .vc_column_container,
	.rwd-vc-mobile-reverse-767 > .vc_vc_column,
	.rwd-vc-mobile-reverse-767 > .vc_vc_column_inner {
		width: 100% !important;
	}

	/* Reset bleed mobile quando richiesto */
	.rwd-vc-bleed-disable-mobile.wpb_single_image,
	.rwd-vc-bleed-disable-mobile.vc_column_container > .vc_column-inner {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.rwd-vc-bleed-disable-mobile {
		--rwd-bleed-left: 0px !important;
		--rwd-bleed-right: 0px !important;
	}
}

@media (max-width: 991px) {
	.rwd-vc-mobile-reverse-991 {
		display: flex !important;
		flex-direction: column-reverse !important;
	}

	.rwd-vc-mobile-reverse-991 > .vc_column_container,
	.rwd-vc-mobile-reverse-991 > .vc_vc_column,
	.rwd-vc-mobile-reverse-991 > .vc_vc_column_inner {
		width: 100% !important;
	}
}