/* 
 * CRITICAL FIX: VC Full-Width Row Positioning
 * Add this to your vc-compatibility.css file
 */

/* Force consistent full-width behavior across all themes */
.ail-vc-page .vc_row[data-vc-full-width="true"],
[class*="-vc-page"] .vc_row[data-vc-full-width="true"] {
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: 100vw !important;
    width: 100vw !important;
    box-sizing: border-box !important;
}

/* Ensure stretch content rows work consistently */
.ail-vc-page .vc_row[data-vc-stretch-content="true"],
[class*="-vc-page"] .vc_row[data-vc-stretch-content="true"] {
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: 100vw !important;
    width: 100vw !important;
    box-sizing: border-box !important;
}

/* Override theme-specific constraints */
.ail-vc-page .vc_row[data-vc-full-width="true"],
.ail-vc-page .vc_row[data-vc-stretch-content="true"],
[class*="-vc-page"] .vc_row[data-vc-full-width="true"],
[class*="-vc-page"] .vc_row[data-vc-stretch-content="true"] {
    /* Reset any theme padding that might interfere */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Specific fix for Mir theme issues */
.mir-cement-vc-page .vc_row[data-vc-full-width="true"],
.mir-cement-vc-page .vc_row[data-vc-stretch-content="true"] {
    left: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    width: 100vw !important;
    max-width: 100vw !important;
}

/* Ensure inner content is properly contained */
.ail-vc-page .vc_row[data-vc-full-width="true"] .vc_column_container,
.ail-vc-page .vc_row[data-vc-stretch-content="true"] .vc_column_container,
[class*="-vc-page"] .vc_row[data-vc-full-width="true"] .vc_column_container,
[class*="-vc-page"] .vc_row[data-vc-stretch-content="true"] .vc_column_container {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

/* No padding for specifically no-padding rows */
.ail-vc-page .vc_row-no-padding .vc_column_container,
[class*="-vc-page"] .vc_row-no-padding .vc_column_container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}



/* Additional responsive safety */
@media (max-width: 768px) {
    .ail-vc-page .vc_row[data-vc-full-width="true"],
    .ail-vc-page .vc_row[data-vc-stretch-content="true"],
    [class*="-vc-page"] .vc_row[data-vc-full-width="true"],
    [class*="-vc-page"] .vc_row[data-vc-stretch-content="true"] {
        left: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        width: 100vw !important;
    }
}