/* Getsy / Public page grid consistency - 2026-10-21
   All shared outer Bootstrap containers align to 1380px on desktop.
   Keep full-width section backgrounds, nested content/typography widths
   and customer portal workflows unchanged. One rule for every locale. */

:root { --getsy-public-content-width: 1380px; }

/* The narrow Bootstrap header/footer widths should track the content grid,
   rather than the old 1380px header setting on a 960px-wide content grid. */
@media (min-width: 576px) and (max-width: 767.98px) {
  .site-header > nav.container,
  .getsy-footer .getsy-footer-inner { max-width: 540px !important; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .site-header > nav.container,
  .getsy-footer .getsy-footer-inner { max-width: 720px !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .site-header > nav.container,
  .getsy-footer .getsy-footer-inner { max-width: 960px !important; }
}
@media (min-width: 1200px) {
  /* Existing service-specific 1200/1320/1380 widths and WISECP wide=1440
     otherwise conflict. Match the same centered public frame everywhere. */
  .site-header > nav.container,
  main .container,
  .getsy-footer .getsy-footer-inner {
    max-width: var(--getsy-public-content-width) !important;
  }
}

/* Do not make individual narrow content panels fill the whole page.
   Max-width on their cards/inner elements remains deliberately untouched. */

/* RTL uses the same centered outer grid, without swapping inner gutters. */