/* ============================================================
   RentalDesk — responsive overrides
   DCs are inline-styled; media queries can't be inline, so we
   override the layout classes here with !important.
   ============================================================ */

/* Force-hide mobile chrome on desktop (guards against a drawer
   left open when the viewport is resized back up). */
@media (min-width: 961px) {
  #rd-mobile { display: none !important; }
  .rd-burger { display: none !important; }
}

/* ---------- Tablet & below ---------- */
@media (max-width: 960px) {
  /* NAV → hamburger */
  nav { padding: 13px 20px !important; }
  .rd-navlinks { display: none !important; }
  .rd-navauth  { display: none !important; }
  .rd-burger   { display: inline-flex !important; }

  /* Two-column splits stack */
  .rd-herogrid,
  .rd-split,
  .rd-contactgrid,
  .rd-rolepanel { grid-template-columns: 1fr !important; gap: 34px !important; }

  /* Bento / multi-column → single column */
  .rd-featgrid,
  .rd-cardrow,
  .rd-pricegrid,
  .rd-testgrid { grid-template-columns: 1fr !important; }
  .rd-featgrid > * { grid-column: 1 / -1 !important; grid-row: auto !important; }

  /* Four / five-up → two-up */
  .rd-statgrid,
  .rd-capgrid,
  .rd-flow { grid-template-columns: repeat(2, 1fr) !important; }

  /* Five-up role summary → two-up */
  .rd-rolesummary { grid-template-columns: repeat(2, 1fr) !important; }

  /* Footer → two columns */
  .rd-footgrid { grid-template-columns: 1fr 1fr !important; gap: 28px !important; }

  /* Trim big horizontal padding so nothing runs off-screen */
  header, section { padding-left: 22px !important; padding-right: 22px !important; }
  footer > div   { padding-left: 22px !important; padding-right: 22px !important; }
}

/* ---------- Phone ---------- */
@media (max-width: 620px) {
  .rd-statgrid,
  .rd-capgrid,
  .rd-flow,
  .rd-rolebullets,
  .rd-rolesummary,
  .rd-2col,
  .rd-footgrid { grid-template-columns: 1fr !important; }

  header { padding-top: 122px !important; }
  h1 { letter-spacing: -1px !important; }

  /* Roomier tap targets, less inner padding on tight cards */
  .rd-info { padding: 16px !important; }
}