/* =====================================================
   HAIO CLOUD - Full Width Fix for All Elementor Pages
   این CSS برای تمام صفحاتی که با Elementor ساخته میشن کار میکنه
   ===================================================== */

/* 1. Hide page title on Elementor pages */
.elementor-page .entry-title,
.elementor-page .ast-archive-description,
.elementor-page h1.entry-title,
.page-template-elementor_header_footer .entry-title {
    display: none !important;
}

/* 2. Full width for all Elementor containers */
.elementor-page .site-content,
.elementor-page #content,
.elementor-page .ast-container,
.elementor-page #primary,
.elementor-page .entry-content,
.elementor-page article,
.elementor-page .ast-article-single,
.page-template-elementor_header_footer .site-content,
.page-template-elementor_header_footer #content,
.page-template-elementor_header_footer .ast-container,
.page-template-elementor_header_footer #primary {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 3. Remove Astra container padding */
.elementor-page .ast-separate-container .ast-article-single,
.page-template-elementor_header_footer .ast-separate-container .ast-article-single {
    padding: 0 !important;
}

.elementor-page .ast-separate-container #primary,
.page-template-elementor_header_footer .ast-separate-container #primary {
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Elementor widgets full width */
.elementor-page .elementor-widget-container,
.elementor-page .elementor-text-editor,
.page-template-elementor_header_footer .elementor-widget-container {
    max-width: 100% !important;
    width: 100% !important;
}

/* 5. Force sections to full viewport width */
.elementor-page section,
.page-template-elementor_header_footer section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
}

/* 6. Fix for boxed sections */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
}