/* zipby-mobile-fixes.css
 * Mobile layout repair for the Salient/WPBakery static mirror (iPhone/Safari).
 * The mirror kept Salient's DESKTOP inline row paddings and equal-height/flex step
 * columns, so on a phone every section had huge dead space and the "step" boxes left
 * large empty coloured blocks. Loaded LAST; !important only where it must beat inline
 * style="" attributes. Reversible — delete this file + its <link> to revert.
 */
@media only screen and (max-width: 690px) {
  /* 1. Tame oversized desktop section paddings left inline on each row. */
  .wpb_row.vc_row[style] { padding-top: 34px !important; padding-bottom: 34px !important; }
  #hero.wpb_row[style]    { padding-top: 78px !important; padding-bottom: 46px !important; }
  #mission.wpb_row[style] { padding-top: 44px !important; padding-bottom: 34px !important; }

  /* 2. Stop flex/equal-height rows from stretching stacked step columns tall. */
  .vc_row-flex, .vc_row-o-equal-height { display: block !important; }
  .vc_row-flex > .row_col_wrap_12,
  .row_col_wrap_12.col.span_12,
  .vc_row-o-equal-height .wpb_column,
  .vc_column_container, .vc_column-inner, .wpb_wrapper { height: auto !important; min-height: 0 !important; }

  /* 3. Step columns (ON YOUR MARK / GET SET / GO!): remove reserved empty height,
        give a little separation, and make the head block flow normally. */
  .vc_col-sm-4.wpb_column, .wpb_column.column_container { margin-bottom: 16px !important; }
  .head-blk { display: block !important; min-height: 0 !important; padding: 18px !important; }

  /* 4. Constrain the large photos inside content columns so a hidden/"reveal" image
        doesn't reserve a tall empty block. Scoped to content columns, NOT the hero. */
  #Parking .wpb_single_image img, #serv-box .wpb_single_image img,
  #Parking .vc_column-inner img, #serv-box .vc_column-inner img {
    max-height: 180px !important; height: auto !important; width: 100% !important; object-fit: cover !important;
  }

  /* 5. Trim the empty gap left by full-width video/section rows. */
  #video.wpb_row[style] { padding-top: 40px !important; padding-bottom: 44px !important; }
  .full-width-section { margin-bottom: 0 !important; }
}