/*
 * Nasekarty Theme Integration Styles
 * Minimal WordPress-specific styling to integrate configurator with theme
 */

/* ===== WORDPRESS THEME INTEGRATION ===== */

/* Ensure configurator works within theme content area */
.wp-block-post-content .npd-configurator-wrapper {
    max-width: none;
    width: 100%;
    margin: 1.5rem 0;
}

/* Wide layout support */
.wp-block-group.alignfull .npd-configurator-wrapper {
    max-width: none;
    width: 100%;
    margin: 1.5rem 0;
}

/* Full-width page template support */
.page-template-page-configurator-wide .npd-configurator-wrapper {
    max-width: 95vw;
    margin: 1rem auto;
}

/* Theme-specific body class support */
body.has-configurator {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Remove theme's default margins for configurator pages */
body.has-configurator .wp-site-blocks {
    padding-top: 0;
    padding-bottom: 0;
}

/* Ensure configurator is above theme elements */
.npd-configurator-wrapper {
    position: relative;
    z-index: 10;
}

/* ===== RESPONSIVE THEME INTEGRATION ===== */
@media (max-width: 768px) {
    .wp-block-post-content .npd-configurator-wrapper,
    .wp-block-group.alignfull .npd-configurator-wrapper {
        margin: 0.5rem 0;
    }

    .page-template-page-configurator-wide .npd-configurator-wrapper {
        margin: 0.5rem 0;
        max-width: 100%;
    }
}