/**
 * @file
 * Region containers + grid helpers for the Aero Page Builder theme.
 */

/* Default region wrapper — sub-themes should override per-region. */
.region {
  display: block;
  width: 100%;
}

.region--inner,
.layout-content {
  max-width: var(--apb-theme-content-max-width);
  margin-inline: auto;
  padding-inline: var(--apb-theme-content-padding);
}

.layout-container {
  display: block;
}

/* Header / Footer placeholders — sub-themes are expected to fully restyle. */
header.layout-header {
  background-color: var(--apb-theme-color-bg-alt);
  border-bottom: 1px solid var(--apb-theme-color-border);
}

footer.layout-footer {
  background-color: var(--apb-theme-color-bg-alt);
  border-top: 1px solid var(--apb-theme-color-border);
}

/* Sidebars side-by-side with content on wide screens. */
@media (min-width: 1024px) {
  .layout-with-sidebars {
    display: grid;
    grid-template-columns: 240px 1fr 240px;
    gap: var(--apb-theme-spacing-lg);
  }
  .layout-with-sidebars--no-left {
    grid-template-columns: 1fr 240px;
  }
  .layout-with-sidebars--no-right {
    grid-template-columns: 240px 1fr;
  }
  .layout-with-sidebars--no-sidebars {
    grid-template-columns: 1fr;
  }
}