/*
 * Reusable system layer for future pages.
 *
 * Important:
 * - Opt-in only via widget preset classes.
 * - Existing pages remain on legacy styling unless a preset is selected.
 * - No page-id, Elementor document id, or Elementor element id selectors.
 */

.adrasa-fsection--system-ready {
  --adrasa-fsection-system-max: 1280px;
}

.adrasa-fsection--system-ready {
  max-width: min(var(--adrasa-fsection-system-max), calc(100% - 40px));
  margin-inline: auto;
}

.adrasa-fsection--system-editorial .adrasa-fsection__header {
  max-width: 72rem;
}

.adrasa-fsection--system-editorial .adrasa-fsection__title {
  max-width: 18ch;
}

.adrasa-fsection--system-editorial .adrasa-fsection__cards {
  gap: clamp(20px, 2.2vw, 32px);
}

.adrasa-fsection--system-cards-dense .adrasa-fsection__cards {
  gap: clamp(14px, 1.4vw, 20px);
}

.adrasa-fsection--system-cards-dense .adrasa-fsection__card {
  min-height: clamp(260px, 22vw, 340px);
}

.adrasa-fsection--system-sectors-wide.adrasa-fsection--sectors .adrasa-fsection__cards,
.adrasa-fsection--system-sectors-wide.adrasa-fsection--sectors_links .adrasa-fsection__cards {
  gap: clamp(20px, 2vw, 28px);
}

.adrasa-fsection--system-sectors-wide.adrasa-fsection--sectors .adrasa-fsection__card,
.adrasa-fsection--system-sectors-wide.adrasa-fsection--sectors_links .adrasa-fsection__card {
  min-height: clamp(360px, 32vw, 520px);
}

.adrasa-fsection--system-banner-editorial.adrasa-fsection--banner .adrasa-fsection__card--banner {
  min-height: clamp(280px, 26vw, 420px);
  border-radius: clamp(16px, 1.5vw, 24px);
}

.adrasa-fsection--system-banner-editorial.adrasa-fsection--banner .adrasa-fsection__banner-title {
  max-width: 16ch;
}

.adrasa-fsection--system-banner-editorial.adrasa-fsection--banner .adrasa-fsection__banner-text {
  max-width: 52ch;
}

@media (max-width: 991.98px) {
  .adrasa-fsection--system-ready {
    max-width: calc(100% - 32px);
  }
}