/**
 * Fullwidth Layout Styles for Revmastokostos
 * Works with Hello Elementor theme
 */

/* ============================================
   FULLWIDTH LAYOUT
   ============================================ */

/* Remove default container constraints */
body .site-main,
body .page-content,
body .entry-content {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove article padding */
article.page,
article.post,
.hentry {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

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

.elementor-section-stretched {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
}

/* ============================================
   HIDE HELLO ELEMENTOR DEFAULT ELEMENTS
   ============================================ */

/* Hide default header when our custom header exists */
body.page-revma-frontpage header.site-header,
body.page-kostos-revmatos header.site-header,
body.home header.site-header {
    display: none !important;
}

/* Hide default footer when our custom footer exists */
body.page-revma-frontpage footer.site-footer,
body.page-kostos-revmatos footer.site-footer,
body.home footer.site-footer {
    display: none !important;
}

/* Hide page title on our pages */
body.page-revma-frontpage .page-header,
body.page-revma-frontpage .entry-header,
body.page-revma-frontpage h1.entry-title,
body.page-kostos-revmatos .page-header,
body.page-kostos-revmatos .entry-header,
body.page-kostos-revmatos h1.entry-title,
body.home .page-header,
body.home .entry-header,
body.home h1.entry-title {
    display: none !important;
}

/* ============================================
   REVMA PAGES FULLWIDTH
   ============================================ */

.revma-frontpage,
.rsk-kostos-page {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Ensure content wrapper is fullwidth */
body.page-revma-frontpage .site-content,
body.page-kostos-revmatos .site-content,
body.home .site-content {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ============================================
   FIX FOR HELLO ELEMENTOR
   ============================================ */

/* Remove Hello Elementor's default padding */
.hello-elementor .site-main > *,
.hello-elementor .entry-content > * {
    max-width: 100%;
}

/* Override container width */
.elementor-page .site-main {
    padding: 0;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .elementor-section-stretched {
        margin-left: 0 !important;
        width: 100% !important;
    }
}