/* Bossify Academy — Layout Utilities */

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
}

.section { padding: 96px 0; }
.section-sm { padding: 64px 0; }

/* Backgrounds */
.bg-navy     { background-color: var(--purple); }
.bg-navy-mid { background-color: var(--purple-mid); }
.bg-white    { background-color: var(--white); }
.bg-offwhite { background-color: var(--cream); }
.bg-cream    { background-color: var(--cream); }

/* Grids */
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }

/* Flex helpers */
.flex         { display: flex; }
.flex-center  { display: flex; align-items: center; justify-content: center; }
.flex-between { display: flex; align-items: center; justify-content: space-between; }
.flex-gap-sm  { gap: 12px; }
.flex-gap-md  { gap: 24px; }

/* Sticky spacing */
.page-top-pad { padding-top: 88px; }

/* Used by assets/js/forms.js for AJAX feedback */
.d-block { display: block !important; }