/*
 * ABTE homepage compatibility rules.
 *
 * This file loads after Kadence, WordPress block styles, the child theme, and
 * the registry styles. The narrow selectors are intentional: they correct the
 * ABTE homepage without changing ordinary WordPress pages.
 */

.abte-home-layout {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-right: -50vw !important;
  margin-left: -50vw !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.abte-home .abte-shell {
  width: calc(100% - 48px) !important;
  min-width: 0 !important;
  max-width: 1180px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.abte-home .abte-hero-grid.wp-block-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(350px, .75fr) !important;
}

.abte-home .abte-search-panel {
  display: grid !important;
  grid-template-columns: minmax(300px, .9fr) minmax(420px, 1.1fr) !important;
}

.abte-home .abte-quick-grid.wp-block-columns {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.abte-home .abte-standards-grid.wp-block-columns {
  display: grid !important;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) !important;
}

.abte-home .abte-standard-item {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
}

.abte-home .abte-hero-copy,
.abte-home .abte-start-card,
.abte-home .abte-search-panel > *,
.abte-home .abte-standards-grid > *,
.abte-home .abte-standards-list,
.abte-home .abte-standard-item > * {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

.abte-home .abte-hero-copy {
  width: 100% !important;
  max-width: 720px !important;
}

.abte-home .abte-search-panel > *,
.abte-home .abte-standards-grid > * {
  width: 100% !important;
}

.abte-home .abte-standard-item h3,
.abte-home .abte-standard-item p {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

@media (max-width: 980px) {
  .abte-home .abte-hero-grid.wp-block-columns,
  .abte-home .abte-search-panel,
  .abte-home .abte-standards-grid.wp-block-columns {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .abte-home .abte-quick-grid.wp-block-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .abte-home .abte-shell {
    width: calc(100% - 32px) !important;
  }

  .abte-home .abte-quick-grid.wp-block-columns {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .abte-home .abte-standard-item {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }
}