/*
 * Shared desktop shell for Hjemferd.
 * Match the existing 1280px Min side layout across navigation, page sections
 * and footer. Keep the home section backgrounds full-bleed.
 * Desktop only: do not alter mobile/tablet navigation or card layouts.
 */
@media screen and (min-width: 992px) {
  :root {
    --hf-desktop-shell-max: 1280px;
    --hf-desktop-shell-gutter: 24px;
  }

  #header .navbar > .container,
  #footer > .container,
  .hf-home section .container,
  .hf-account-layout {
    box-sizing: border-box;
    width: calc(100% - 2 * var(--hf-desktop-shell-gutter));
    max-width: var(--hf-desktop-shell-max);
    margin-right: auto;
    margin-left: auto;
  }

  /* Bootstrap's 15px column gutters remain identical on every section. */
  #header .navbar > .container,
  #footer > .container,
  .hf-home section .container {
    padding-right: 15px;
    padding-left: 15px;
  }

  /* The CTA strip previously overrode the common container with 40px gutters. */
  .hf-home #action .container {
    width: calc(100% - 2 * var(--hf-desktop-shell-gutter));
    max-width: var(--hf-desktop-shell-max);
    padding-right: 15px;
    padding-left: 15px;
  }

  /* The hero lives in a Bootstrap row, whose negative margins need 15px back. */
  .hf-home #home-slider .slide-text {
    left: 15px;
  }

  /* Remove the extra footer-column indent while preserving rocket clearance. */
  #footer .footer-column .contact-info.bottom,
  #footer .footer-integrations-panel {
    padding-left: 0;
  }
}