/* ===========================
   AWI Responsive Columns
   - Works with standard WPBakery rows
   - AND Salient/Nectar rows where columns are inside .row_col_wrap_12_inner
   =========================== */

/* Gap presets */
.awi-rc-gap-0{  --awi-rc-gap:0px; }
.awi-rc-gap-8{  --awi-rc-gap:8px; }
.awi-rc-gap-12{ --awi-rc-gap:12px; }
.awi-rc-gap-16{ --awi-rc-gap:16px; }
.awi-rc-gap-20{ --awi-rc-gap:20px; }
.awi-rc-gap-24{ --awi-rc-gap:24px; }
.awi-rc-gap-32{ --awi-rc-gap:32px; }

/* 1) Choose the real "column wrap" element to flex.
   - Standard WPBakery: columns are direct children of the row.
   - Salient/Nectar: columns sit inside .row_col_wrap_12_inner (or similar).
*/
.awi-rc{
  /* keep row as normal block; we flex the inner wrap for maximum theme compatibility */
  display:block !important;
}

/* Standard VC wrap fallback: if columns are direct children, we treat the row as the wrap */
.awi-rc{
  --awi-rc-wrap: 1;
}

/* Salient/Nectar inner wrap becomes the flex container */
.awi-rc .row_col_wrap_12_inner,
.awi-rc .row_col_wrap_12,
.awi-rc .row_col_wrap_12_inner.col{
  display:flex !important;
  flex-wrap:wrap !important;
  gap: var(--awi-rc-gap, 16px) !important;
  box-sizing:border-box;
}

/* If no Salient wrap exists, flex the row itself */
.awi-rc:not(:has(.row_col_wrap_12_inner)):not(:has(.row_col_wrap_12)){
  display:flex !important;
  flex-wrap:wrap !important;
  gap: var(--awi-rc-gap, 16px) !important;
}

/* Column selector (both themes) */
.awi-rc .row_col_wrap_12_inner > .wpb_column,
.awi-rc .row_col_wrap_12_inner > .vc_column_container,
.awi-rc .row_col_wrap_12 > .wpb_column,
.awi-rc .row_col_wrap_12 > .vc_column_container,
.awi-rc > .wpb_column,
.awi-rc > .vc_column_container{
  float:none !important;
  box-sizing:border-box !important;
  flex: 0 0 auto !important;
  max-width:100%;
}

/* Optional: remove inner padding */
.awi-rc.awi-rc-no-pad .row_col_wrap_12_inner > .wpb_column > .vc_column-inner,
.awi-rc.awi-rc-no-pad .row_col_wrap_12_inner > .vc_column_container > .vc_column-inner,
.awi-rc.awi-rc-no-pad > .wpb_column > .vc_column-inner,
.awi-rc.awi-rc-no-pad > .vc_column_container > .vc_column-inner{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Helper: apply widths to columns in BOTH structures */
@media (max-width: 767px){
  .awi-rc.awi-rc-m-1 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-m-1 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-m-1 > .wpb_column,
  .awi-rc.awi-rc-m-1 > .vc_column_container{
    flex-basis:100% !important; max-width:100% !important; width:100% !important;
  }

  .awi-rc.awi-rc-m-2 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-m-2 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-m-2 > .wpb_column,
  .awi-rc.awi-rc-m-2 > .vc_column_container{
    flex-basis:calc((100% - var(--awi-rc-gap,16px)) / 2) !important;
    max-width:calc((100% - var(--awi-rc-gap,16px)) / 2) !important;
    width:calc((100% - var(--awi-rc-gap,16px)) / 2) !important;
  }

  .awi-rc.awi-rc-m-3 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-m-3 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-m-3 > .wpb_column,
  .awi-rc.awi-rc-m-3 > .vc_column_container{
    flex-basis:calc((100% - (var(--awi-rc-gap,16px) * 2)) / 3) !important;
    max-width:calc((100% - (var(--awi-rc-gap,16px) * 2)) / 3) !important;
    width:calc((100% - (var(--awi-rc-gap,16px) * 2)) / 3) !important;
  }

  .awi-rc.awi-rc-m-4 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-m-4 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-m-4 > .wpb_column,
  .awi-rc.awi-rc-m-4 > .vc_column_container{
    flex-basis:calc((100% - (var(--awi-rc-gap,16px) * 3)) / 4) !important;
    max-width:calc((100% - (var(--awi-rc-gap,16px) * 3)) / 4) !important;
    width:calc((100% - (var(--awi-rc-gap,16px) * 3)) / 4) !important;
  }
}

@media (min-width:768px) and (max-width:1024px){
  .awi-rc.awi-rc-t-1 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-t-1 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-t-1 > .wpb_column,
  .awi-rc.awi-rc-t-1 > .vc_column_container{
    flex-basis:100% !important; max-width:100% !important; width:100% !important;
  }

  .awi-rc.awi-rc-t-2 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-t-2 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-t-2 > .wpb_column,
  .awi-rc.awi-rc-t-2 > .vc_column_container{
    flex-basis:calc((100% - var(--awi-rc-gap,16px)) / 2) !important;
    max-width:calc((100% - var(--awi-rc-gap,16px)) / 2) !important;
    width:calc((100% - var(--awi-rc-gap,16px)) / 2) !important;
  }

  .awi-rc.awi-rc-t-3 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-t-3 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-t-3 > .wpb_column,
  .awi-rc.awi-rc-t-3 > .vc_column_container{
    flex-basis:calc((100% - (var(--awi-rc-gap,16px) * 2)) / 3) !important;
    max-width:calc((100% - (var(--awi-rc-gap,16px) * 2)) / 3) !important;
    width:calc((100% - (var(--awi-rc-gap,16px) * 2)) / 3) !important;
  }

  .awi-rc.awi-rc-t-4 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-t-4 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-t-4 > .wpb_column,
  .awi-rc.awi-rc-t-4 > .vc_column_container{
    flex-basis:calc((100% - (var(--awi-rc-gap,16px) * 3)) / 4) !important;
    max-width:calc((100% - (var(--awi-rc-gap,16px) * 3)) / 4) !important;
    width:calc((100% - (var(--awi-rc-gap,16px) * 3)) / 4) !important;
  }

  .awi-rc.awi-rc-t-5 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-t-5 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-t-5 > .wpb_column,
  .awi-rc.awi-rc-t-5 > .vc_column_container{
    flex-basis:calc((100% - (var(--awi-rc-gap,16px) * 4)) / 5) !important;
    max-width:calc((100% - (var(--awi-rc-gap,16px) * 4)) / 5) !important;
    width:calc((100% - (var(--awi-rc-gap,16px) * 4)) / 5) !important;
  }

  .awi-rc.awi-rc-t-6 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-t-6 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-t-6 > .wpb_column,
  .awi-rc.awi-rc-t-6 > .vc_column_container{
    flex-basis:calc((100% - (var(--awi-rc-gap,16px) * 5)) / 6) !important;
    max-width:calc((100% - (var(--awi-rc-gap,16px) * 5)) / 6) !important;
    width:calc((100% - (var(--awi-rc-gap,16px) * 5)) / 6) !important;
  }
}

@media (min-width:1025px){
  /* If desktop is OFF, do nothing special (keep theme/WPB widths) */
  .awi-rc.awi-rc-d-off .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-d-off .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-d-off > .wpb_column,
  .awi-rc.awi-rc-d-off > .vc_column_container{
    flex: 0 1 auto !important;
    width:auto !important;
    max-width:100% !important;
  }

  .awi-rc.awi-rc-d-1 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-d-1 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-d-1 > .wpb_column,
  .awi-rc.awi-rc-d-1 > .vc_column_container{ flex-basis:100% !important; max-width:100% !important; width:100% !important; }

  .awi-rc.awi-rc-d-2 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-d-2 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-d-2 > .wpb_column,
  .awi-rc.awi-rc-d-2 > .vc_column_container{ flex-basis:calc((100% - var(--awi-rc-gap,16px)) / 2) !important; max-width:calc((100% - var(--awi-rc-gap,16px)) / 2) !important; width:calc((100% - var(--awi-rc-gap,16px)) / 2) !important; }

  .awi-rc.awi-rc-d-3 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-d-3 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-d-3 > .wpb_column,
  .awi-rc.awi-rc-d-3 > .vc_column_container{ flex-basis:calc((100% - (var(--awi-rc-gap,16px) * 2)) / 3) !important; max-width:calc((100% - (var(--awi-rc-gap,16px) * 2)) / 3) !important; width:calc((100% - (var(--awi-rc-gap,16px) * 2)) / 3) !important; }

  .awi-rc.awi-rc-d-4 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-d-4 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-d-4 > .wpb_column,
  .awi-rc.awi-rc-d-4 > .vc_column_container{ flex-basis:calc((100% - (var(--awi-rc-gap,16px) * 3)) / 4) !important; max-width:calc((100% - (var(--awi-rc-gap,16px) * 3)) / 4) !important; width:calc((100% - (var(--awi-rc-gap,16px) * 3)) / 4) !important; }

  .awi-rc.awi-rc-d-5 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-d-5 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-d-5 > .wpb_column,
  .awi-rc.awi-rc-d-5 > .vc_column_container{ flex-basis:calc((100% - (var(--awi-rc-gap,16px) * 4)) / 5) !important; max-width:calc((100% - (var(--awi-rc-gap,16px) * 4)) / 5) !important; width:calc((100% - (var(--awi-rc-gap,16px) * 4)) / 5) !important; }

  .awi-rc.awi-rc-d-6 .row_col_wrap_12_inner > .wpb_column,
  .awi-rc.awi-rc-d-6 .row_col_wrap_12_inner > .vc_column_container,
  .awi-rc.awi-rc-d-6 > .wpb_column,
  .awi-rc.awi-rc-d-6 > .vc_column_container{ flex-basis:calc((100% - (var(--awi-rc-gap,16px) * 5)) / 6) !important; max-width:calc((100% - (var(--awi-rc-gap,16px) * 5)) / 6) !important; width:calc((100% - (var(--awi-rc-gap,16px) * 5)) / 6) !important; }
}