/**
 * Elementor Compatibility Styles
 * Ensures Elementor pages display correctly with the theme
 *
 * @package Prix_Photo_Theme
 * @since 1.0.0
 */

/* Full Width Elementor Pages */
.elementor-page .site-main.elementor-full-width-content {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
}

/* Remove default container constraints for Elementor */
.elementor-page .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%;
}

/* Ensure full width sections work properly */
.elementor-page .elementor-section-stretched {
    width: 100% !important;
    left: 0 !important;
}

/* Canvas template (no header/footer) */
.elementor-canvas #page {
    padding: 0;
    margin: 0;
}

.elementor-canvas .site-main.elementor-canvas-content {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
}

/* Fix for block theme wrapper */
.elementor-page.elementor-full-width .wp-site-blocks {
    padding: 0;
}

/* Ensure Elementor editor works properly */
.elementor-editor-active .site-main {
    padding: 0;
}

/* Fix alignment issues */
.elementor-page .alignfull {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}

/* Fix header alignment on Elementor pages */
.elementor-page .site-header .wp-block-group.alignwide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: var(--wp--style--global--wide-size, 1280px);
    margin-left: auto;
    margin-right: auto;
}

/* Ensure navigation stays centered */
.elementor-page .site-header .wp-block-navigation {
    flex: 1;
    justify-content: center !important;
}

/* Keep logo on the left */
.elementor-page .site-header .wp-block-site-logo {
    flex-shrink: 0;
}

/* Keep account icon on the right */
.elementor-page .site-header .wc-block-customer-account {
    flex-shrink: 0;
}

/* Fix for mobile menu button */
.elementor-page .site-header .mobile-menu-button {
    flex-shrink: 0;
}

/* Ensure mobile menu works on Elementor pages */
@media (max-width: 781px) {
    .elementor-page .prix-mobile-menu-wrapper {
        display: inline-block !important;
    }
    
    /* Hide desktop navigation on mobile */
    .elementor-page .prix-desktop-nav,
    .elementor-page .site-header .wp-block-navigation:not(.prix-mobile-nav-list) {
        display: none !important;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .elementor-page .elementor-column {
        width: 100%;
    }
}