/* Mashin Irani — /wholesale/ : level the lead form and the contact aside.
   Overrides themes/mashin-irani/assets/css/pages/wholesale.css (loaded before this file).
   Enqueued only on is_page('wholesale'), so :root here is effectively page-scoped. */

/* 1. ROOT CAUSE: the design system has no --space-7 (scale is 1,2,3,4,5,6,8,10,...),
      yet wholesale.css uses var(--space-7) twice. Unresolvable var() with no fallback =>
      declaration invalid at computed-value time => padding/margin fall back to 0.
      This restores BOTH .side-contact{padding} and .b2b-hero .acts{margin-top}. */
:root{--space-7:28px}

/* 2. Same top edge AND same height (grid's default `stretch`, which the theme opted out of). */
.wform-grid{align-items:stretch}

/* 3. Guard: no stray margin may push either column off the shared baseline. */
.wform-grid > .wform,
.wform-grid > .side-contact{margin:0;min-width:0}

/* 4. Two-column layout only — exact complement of the theme's @media(max-width:860px).
      The aside is now as tall as the form, so pin the hours strip to the bottom edge
      instead of leaving a block of empty navy. */
@media(min-width:860.02px){
  .wform-grid > .side-contact{display:flex;flex-direction:column}
  .wform-grid > .side-contact .hours{margin-top:auto}
}