/* Nux layout — Grid + Flex overrides for legacy float grid
   Legacy classes remain as aliases; new classes are .nux-grid/.nux-flex.
   Loaded AFTER stylesheet.min.css, so overrides win without !important where possible.
*/

/* Container: keep legacy 1100px as fallback, expand to tokens on large screens */
.container{max-width:var(--nux-container-narrow);margin-inline:auto;padding-inline:var(--nux-gap);}
@media (min-width:1280px){ .container{max-width:var(--nux-container);} }
.container_inner{display:flow-root; /* replaces clearfix */}

/* New grid system */
.nux-grid{display:grid;gap:var(--nux-gap);grid-template-columns:repeat(12,1fr);}
.nux-grid--2{grid-template-columns:repeat(2,1fr);}
.nux-grid--3{grid-template-columns:repeat(3,1fr);}
.nux-grid--4{grid-template-columns:repeat(4,1fr);}
.nux-grid--auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.col-66{grid-column:span 8;} .col-33{grid-column:span 4;} .col-75{grid-column:span 9;} .col-25{grid-column:span 3;}

/* Flex rows for header/footer */
.nux-flex{display:flex;gap:var(--nux-gap);align-items:center;justify-content:space-between;flex-wrap:wrap;}

/* Legacy aliases → grid (keeps WPBakery shortcodes working) */
.two_columns_66_33,
.two_columns_75_25,
.two_columns_33_66,
.two_columns_25_75{
  display:grid !important; gap:var(--nux-gap) !important; float:none !important; width:auto !important;
}
.two_columns_66_33{grid-template-columns:8fr 4fr;}
.two_columns_75_25{grid-template-columns:9fr 3fr;}
.two_columns_33_66{grid-template-columns:4fr 8fr;}
.two_columns_25_75{grid-template-columns:3fr 9fr;}
.two_columns_66_33 > .column1,
.two_columns_66_33 > .column2,
.two_columns_75_25 > .column1,
.two_columns_75_25 > .column2,
.two_columns_33_66 > .column1,
.two_columns_33_66 > .column2,
.two_columns_25_75 > .column1,
.two_columns_25_75 > .column2{
  float:none !important; width:auto !important; min-width:0;
}
.three_columns{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:var(--nux-gap) !important;}
.four_columns{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:var(--nux-gap) !important;}
.three_columns > div,
.four_columns > div{float:none !important;width:auto !important;}

/* Remove old clearfix/*zoom hacks where grid is used */
.clearfix::before,.clearfix::after{content:none !important;}
.clearfix{zoom:1; display:flow-root;}

/* Service cards on homepage (3-in-row) — auto-fit for 1→2→3 */
@media (min-width:640px){
  .three_columns{grid-template-columns:repeat(2,1fr) !important;}
}
@media (min-width:1024px){
  .three_columns{grid-template-columns:repeat(3,1fr) !important;}
}