/*
 * FIETTI Display Theme - Plugin Compatibility Styles
 * Ensures perfect integration between theme and FIETTI plugin
 */

/* Ensure plugin content takes full width */
.fietti-plugin-page .entry-content {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding: 0 !important;
}

/* Remove any default WordPress spacing that might interfere */
.fietti-plugin-page .entry-content > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Ensure FIETTI container takes full control */
.fietti-container {
    position: relative !important;
    z-index: 1 !important;
}

/* Admin bar compatibility for fixed elements */
body.admin-bar .fietti-header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar .fietti-header {
        top: 46px !important;
    }
}

/* Ensure no theme margins interfere */
.fietti-theme-container {
    margin: 0 !important;
    padding: 0 !important;
}

.fietti-theme-main {
    margin: 0 !important;
    padding: 0 !important;
}

.fietti-theme-content {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove default article spacing for plugin pages */
.fietti-plugin-page {
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure plugin sections display correctly */
.fietti-hero,
.fietti-services,
.fietti-about,
.fietti-contact,
.fietti-footer {
    width: 100% !important;
    position: relative !important;
}

/* Hide WordPress blocks that might interfere */
.fietti-plugin-page .wp-block-group__inner-container {
    max-width: none !important;
    padding: 0 !important;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .fietti-plugin-page .entry-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Print styles */
@media print {
    .fietti-plugin-page .entry-content {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}