/* Full Width Posts - Theme Compatibility */

/* Container adjustments for common themes */
.fullwidth-post .container,
.fullwidth-post .wrap,
.fullwidth-post .site-content .container,
.fullwidth-post .site-content .wrap {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Content area - force full width */
.fullwidth-post .site-content,
.fullwidth-post .content-area,
.fullwidth-post #content,
.fullwidth-post #main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

/* Entry content adjustments */
.fullwidth-post .entry-content > *,
.fullwidth-post .post-content > * {
    max-width: 100% !important;
}

/* Gallery adjustments */
.fullwidth-post .gallery {
    width: 100% !important;
}

/* Widgets inside post content */
.fullwidth-post .entry-content .widget {
    width: 100% !important;
    float: none !important;
    margin: 30px 0 !important;
    padding: 20px !important;
    background: #f9f9f9;
    border: 1px solid #eee;
}

/* Comments section */
.fullwidth-post #comments,
.fullwidth-post .comments-area {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px !important;
}

/* Navigation */
.fullwidth-post .post-navigation,
.fullwidth-post .navigation {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px !important;
}

/* Theme-specific overrides */

/* Twenty Twenty-One */
.fullwidth-post .wp-site-blocks {
    max-width: 100% !important;
    padding: 0 !important;
}

/* Twenty Twenty */
.fullwidth-post .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
    max-width: 100% !important;
}

/* Astra Theme */
.fullwidth-post .ast-container {
    max-width: 100% !important;
}

/* GeneratePress */
.fullwidth-post .grid-container {
    max-width: 100% !important;
}

/* OceanWP */
.fullwidth-post .container,
.fullwidth-post #content-wrap {
    width: 100% !important;
    max-width: 100% !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .fullwidth-post .container,
    .fullwidth-post .wrap {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .fullwidth-post .entry-content,
    .fullwidth-post .post-content {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}