/*
 * 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-grid--system-ready {
  --adrasa-grid-system-max: 1280px;
}

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

.adrasa-grid--system-ready .adrasa-grid__items {
  align-items: stretch;
}

.adrasa-grid--system-editorial-cards.adrasa-grid--vertical .adrasa-fcard,
.adrasa-grid--system-editorial-cards.adrasa-grid--featured_projects .adrasa-fcard,
.adrasa-grid--system-editorial-cards.adrasa-grid--featured_projects_simple .adrasa-fcard {
  min-height: clamp(320px, 30vw, 460px);
}

.adrasa-grid--system-editorial-cards .adrasa-fcard__title,
.adrasa-grid--system-editorial-cards .adrasa-featured-project-card__title {
  max-width: 18ch;
}

.adrasa-grid--system-editorial-cards .adrasa-fcard__text,
.adrasa-grid--system-editorial-cards .adrasa-featured-project-card__text {
  max-width: 48ch;
}

.adrasa-grid--system-sectors.adrasa-grid--split .adrasa-grid__items {
  gap: clamp(18px, 2vw, 28px);
}

.adrasa-grid--system-sectors.adrasa-grid--split .adrasa-fcard {
  min-height: clamp(340px, 32vw, 500px);
}

.adrasa-grid--system-sectors.adrasa-grid--split .adrasa-fcard__content {
  padding: clamp(24px, 2.4vw, 36px);
}

.adrasa-grid--system-split-feature.adrasa-grid--feature_split .adrasa-glasscard,
.adrasa-grid--system-glass-panel.adrasa-grid--glass .adrasa-glasscard {
  min-height: clamp(320px, 28vw, 440px);
  border-radius: clamp(16px, 1.5vw, 24px);
}

.adrasa-grid--system-split-feature.adrasa-grid--feature_split .adrasa-glasscard__title,
.adrasa-grid--system-glass-panel.adrasa-grid--glass .adrasa-glasscard__title {
  max-width: 18ch;
}

.adrasa-grid--system-split-feature.adrasa-grid--feature_split .adrasa-glasscard__text,
.adrasa-grid--system-glass-panel.adrasa-grid--glass .adrasa-glasscard__text {
  max-width: 56ch;
}

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