/* Mobile layout fixes for Elementor page */

@media (max-width: 767px) {
	/* Fix Hero Section Transforms */
	#hero.elementor-element {
		transform: none !important;
		padding: 40px 20px !important;
		min-height: auto !important;
		margin-top: 60px !important; /* Make room for header */
	}

	#hero > .e-con-inner {
		transform: none !important;
	}

	/* Fix absolute positioned text in Hero */
	#hero .elementor-widget-heading,
	#hero .elementor-widget-text-editor,
	#hero .elementor-widget-button {
		position: relative !important;
		transform: none !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
		margin-bottom: 20px !important;
		width: 100% !important;
		text-align: center !important;
	}
	
	#hero .elementor-widget-text-editor p {
		text-align: center !important;
	}

	/* Fix Header positioning */
	.elementor-widget-luxbau_header_a845c1d8 {
		position: relative !important;
		transform: none !important;
	}

	/* Reduce spacer heights on mobile */
	.elementor-spacer-inner {
		height: 20px !important;
	}

	/* Fix feature bar positioning */
	.elementor-widget-features_bar_7f9fa77a {
		position: relative !important;
		transform: none !important;
	}
	
	.features-container {
		flex-direction: column !important;
		gap: 20px !important;
	}

	/* Fix container widths and paddings */
	.elementor-container,
	.e-con {
		width: 100% !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* Fix images extending beyond screen */
	.elementor-widget-image img {
		max-width: 100% !important;
		height: auto !important;
	}
}