/**
 * Elementor 4.x + UDesign legacy layout compatibility.
 * Restores flex row/column behavior for header, footer, and sliders.
 */

/* Legacy Elementor row flex layout */
.elementor-row {
	display: flex !important;
	flex-wrap: wrap;
	width: 100%;
}

.elementor-column {
	flex-grow: 0;
	flex-shrink: 0;
}

.elementor-column.elementor-col-10 { width: 10%; }
.elementor-column.elementor-col-11 { width: 11.111%; }
.elementor-column.elementor-col-12 { width: 12.5%; }
.elementor-column.elementor-col-14 { width: 14.285%; }
.elementor-column.elementor-col-16 { width: 16.666%; }
.elementor-column.elementor-col-20 { width: 20%; }
.elementor-column.elementor-col-25 { width: 25%; }
.elementor-column.elementor-col-30 { width: 30%; }
.elementor-column.elementor-col-33 { width: 33.333%; }
.elementor-column.elementor-col-40 { width: 40%; }
.elementor-column.elementor-col-50 { width: 50%; }
.elementor-column.elementor-col-60 { width: 60%; }
.elementor-column.elementor-col-66 { width: 66.666%; }
.elementor-column.elementor-col-70 { width: 70%; }
.elementor-column.elementor-col-75 { width: 75%; }
.elementor-column.elementor-col-80 { width: 80%; }
.elementor-column.elementor-col-83 { width: 83.333%; }
.elementor-column.elementor-col-90 { width: 90%; }
.elementor-column.elementor-col-100 { width: 100%; }

.elementor-column.elementor-col-flex-1,
.elementor-column[data-col="flex-1"] {
	flex: 1 1 0;
	width: auto;
	min-width: 0;
}

.elementor-column.elementor-col-flex-auto,
.elementor-column[data-col="flex-auto"] {
	flex: 0 0 auto;
	width: auto;
}

.elementor-column > .elementor-column-wrap,
.elementor-column > .elementor-widget-wrap {
	width: 100%;
}

/* Header */
#header.custom-header,
.custom-header {
	width: 100%;
	background: #fff;
}

.custom-header .elementor-section-boxed > .elementor-container {
	max-width: var(--alpha-container-width, 1290px);
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.custom-header .elementor-top-section:first-child {
	border-bottom: 1px solid #ebebeb;
	font-size: 13px;
}

.custom-header .elementor-icon-list-items.elementor-inline-items {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem 1.25rem;
}

.custom-header .elementor-icon-list-item {
	margin: 0;
}

.custom-header .elementor-col-flex-1:last-child .elementor-widget-wrap {
	justify-content: flex-end;
}

.custom-header .elementor-col-flex-1:nth-child(2):not(:last-child) .elementor-widget-wrap {
	justify-content: center;
}

.custom-header .sticky-content .elementor-widget-wrap {
	align-items: center;
}

.custom-header .elementor-widget-udesign_widget_menu .menu,
.custom-header .elementor-widget-udesign_widget_menu .menu > li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

/* Footer */
#footer.custom-footer,
.custom-footer {
	width: 100%;
}

.custom-footer .elementor-section-full_width > .elementor-container {
	max-width: 100%;
}

.custom-footer .custom-footer-middle > .elementor-container {
	max-width: var(--alpha-container-width, 1290px);
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.custom-footer .custom-footer-middle {
	padding: 55px 0 25px;
}

.custom-footer .elementor-heading-title {
	margin-bottom: 1rem;
}

.custom-footer .elementor-icon-list-items {
	list-style: none;
	padding: 0;
	margin: 0;
}

.custom-footer .elementor-icon-list-item {
	margin-bottom: 0.35rem;
}

/* Homepage banner slider */
.cs-banner-slider .slider-wrapper,
.cs-banner-slider .slider-container .slider-wrapper {
	display: flex !important;
	flex-wrap: nowrap !important;
}

.cs-banner-slider .slider-slide {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

.cs-banner-slider .elementor-section.elementor-inner-section {
	width: 100%;
}

.cs-banner-slider .elementor-background-overlay,
.cs-banner-slider .elementor-section .elementor-background-slideshow {
	width: 100%;
}

@media (max-width: 991px) {
	.custom-header .elementor-hidden-mobile {
		display: none !important;
	}

	.custom-footer .elementor-col-25 {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.custom-footer .elementor-col-25,
	.custom-footer .elementor-col-33,
	.custom-footer .elementor-col-50 {
		width: 100%;
	}
}
