/**
 * Row Max Width Extension
 * CSS for max-width row functionality
 * 
 * @package Custom_VC_Elements
 * @since 2.3.0
 */

/* 
   MAX WIDTH CONTAINERS
   */

/**
 * Max Width 1920px
 * - Sets maximum width to 1920px
 * - Centers the row with auto margins
 * - Full width below breakpoint
 */
.vc_row.cvc-maxwidth-1920 {
    max-width: var(--oku-container-wide);
    margin-left: auto !important;
    margin-right: auto !important;
}

/**
 * Max Width 2200px
 * - Sets maximum width to 2200px
 * - Centers the row with auto margins
 * - Full width below breakpoint
 */
.vc_row.cvc-maxwidth-2200 {
    max-width: var(--oku-container-extra-wide);
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 
   RESPONSIVE ADJUSTMENTS
   */

/**
 * Ensure max-width rows maintain proper behavior on all screen sizes
 * The !important is necessary to override Uncode's inline styles
 */
@media (max-width: 1920px) {
    .vc_row.cvc-maxwidth-1920,
    .vc_row.cvc-maxwidth-2200 {
        width: 100% !important;
    }
}

/* 
   COMPATIBILITY
   */

/**
 * Ensure compatibility with Uncode row layouts
 * Preserve Uncode's row-container behavior
 */
.vc_row.cvc-maxwidth-1920 .row-container,
.vc_row.cvc-maxwidth-2200 .row-container {
    width: 100%;
}

/**
 * Maintain proper spacing with Uncode's limit-width class
 */
.vc_row.cvc-maxwidth-1920.limit-width,
.vc_row.cvc-maxwidth-2200.limit-width {
    padding-left: 0;
    padding-right: 0;
}