/* Elementor Section Reordering Styles */

/* Apply flexbox to all Elementor containers with maximum specificity */
body .elementor[data-elementor-type],
body .elementor.elementor-location-single,
body .elementor[data-elementor-id] {
    display: flex !important;
    flex-direction: column !important;
}

.elementor-section-wrap {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* Ensure all top-level containers can be reordered */
.elementor > .e-con,
.elementor > .elementor-section {
    flex-shrink: 0;
    width: 100%;
}

/* Default order for sections without custom ordering */
.elementor > .e-con,
.elementor > .elementor-section {
    order: 999;
}

/* Smooth transitions for reordering */
.elementor > .e-con,
.elementor > .elementor-section {
    transition: order 0.3s ease;
}

/* Ensure sections maintain full width */
.elementor-section.elementor-section-boxed > .elementor-container,
.elementor-section.elementor-section-full_width > .elementor-container {
    width: 100% !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .elementor[data-elementor-type] {
        display: block !important;
    }

    .elementor-section,
    .e-con {
        order: unset !important;
    }
}

/* Print styles - maintain original order for printing */
@media print {
    .elementor[data-elementor-type] {
        display: block !important;
    }

    .elementor-section,
    .e-con {
        order: unset !important;
    }
}