@use 'exports' as *;
@use '@lucca-front/scss/src/commons/utils/media';

.mainLayout {
	@layer components {
		@include vars;
		@include component;

		@include media.min('S') {
			@include wide;
		}
	}

	@layer mods {
		&:has(.mainLayout-content-inside-header.mod-sticky) {
			@include stickyHeaderVertical;
		}

		&:has(.mainLayout-content-inside-footer.mod-sticky) {
			@include stickyFooterVertical;
		}
	}
}

@layer mods {
	.mainLayout-content-inside {
		&:has(.mainLayout-content-inside-block.mod-overflow) {
			.mainLayout-content-inside-header {
				@include stickyHeaderHorizontal;
			}

			.mainLayout-content-inside-footer {
				@include stickyFooterHorizontal;
			}

			.mainLayout-content-inside-block:not(.mod-overflow) {
				@include stickyBlock;
			}
		}
	}
}