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

.adrasa-two-col--system-ready > .container {
  max-width: min(var(--adrasa-system-section-max), calc(100% - 40px));
}

.adrasa-two-col--system-ready .adrasa-two-col__left,
.adrasa-two-col--system-ready .adrasa-two-col__right {
  min-width: 0;
}

.adrasa-two-col--system-ready .adrasa-two-col__left-text,
.adrasa-two-col--system-ready .adrasa-two-col__card-desc,
.adrasa-two-col--system-ready .adrasa-two-col__content-desc,
.adrasa-two-col--system-ready .adrasa-two-col__item-text,
.adrasa-two-col--system-ready .adrasa-threecard__text {
  max-width: 65ch;
}

.adrasa-two-col--system-editorial {
  --adrasa-left-col-width: 1.15fr;
  --adrasa-gap: clamp(28px, 4vw, 64px);
  --adrasa-title-size: clamp(38px, 4.1vw, 64px);
  --adrasa-italic-size: clamp(42px, 4.5vw, 70px);
  --adrasa-right-title-size: clamp(30px, 3vw, 46px);
  --adrasa-right-italic-size: clamp(34px, 3.4vw, 52px);
  --adrasa-card-max-w: clamp(520px, 50vw, 720px);
  --adrasa-card-min-h: clamp(380px, 34vw, 560px);
}

.adrasa-two-col--system-editorial .adrasa-two-col__grid {
  align-items: center;
}

.adrasa-two-col--system-editorial .adrasa-two-col__title,
.adrasa-two-col--system-editorial .adrasa-two-col__right-title {
  line-height: 0.96;
}

.adrasa-two-col--system-editorial .adrasa-two-col__left-text,
.adrasa-two-col--system-editorial .adrasa-two-col__card-desc,
.adrasa-two-col--system-editorial .adrasa-two-col__content-desc {
  font-size: clamp(17px, 1.25vw, 20px);
}

.adrasa-two-col--system-compact {
  --adrasa-left-col-width: 1fr;
  --adrasa-gap: clamp(18px, 2.4vw, 32px);
  --adrasa-title-size: clamp(32px, 3.1vw, 46px);
  --adrasa-italic-size: clamp(36px, 3.3vw, 50px);
  --adrasa-right-title-size: clamp(28px, 2.5vw, 38px);
  --adrasa-right-italic-size: clamp(32px, 2.8vw, 42px);
  --adrasa-card-max-w: 100%;
}

.adrasa-two-col--system-compact .adrasa-two-col__buttons {
  margin-top: clamp(16px, 1.8vw, 24px);
}

.adrasa-two-col--system-compact .adrasa-two-col__left-text p,
.adrasa-two-col--system-compact .adrasa-two-col__card-desc p,
.adrasa-two-col--system-compact .adrasa-two-col__content-desc p {
  margin-bottom: 0.75rem;
}

.adrasa-two-col--system-feature-story.adrasa-two-col--content_media {
  --adrasa-left-col-width: 1.08fr;
  --adrasa-gap: clamp(28px, 3.5vw, 56px);
  --adrasa-title-size: clamp(36px, 4vw, 60px);
  --adrasa-italic-size: clamp(40px, 4.3vw, 66px);
}

.adrasa-two-col--system-feature-story.adrasa-two-col--content_media .adrasa-two-col__grid {
  align-items: center;
}

.adrasa-two-col--system-feature-story.adrasa-two-col--content_media .adrasa-two-col__left-media,
.adrasa-two-col--system-feature-story.adrasa-two-col--content_media .adrasa-two-col__right-media,
.adrasa-two-col--system-feature-story .adrasa-two-col__left-image {
  border-radius: clamp(16px, 1.7vw, 24px);
  overflow: hidden;
}

.adrasa-two-col--system-feature-story.adrasa-two-col--content_media .adrasa-two-col__content-desc {
  font-size: clamp(17px, 1.2vw, 19px);
}

.adrasa-two-col--system-metrics.adrasa-two-col--three_cards {
  --adrasa-left-col-width: 0.92fr;
  --adrasa-gap: clamp(24px, 3vw, 44px);
}

.adrasa-two-col--system-metrics.adrasa-two-col--three_cards .adrasa-threecards__track {
  align-items: stretch;
}

.adrasa-two-col--system-metrics.adrasa-two-col--three_cards .adrasa-threecard {
  min-height: clamp(280px, 24vw, 360px);
}

.adrasa-two-col--system-metrics.adrasa-two-col--three_cards .adrasa-threecard__value {
  font-size: clamp(42px, 4vw, 64px);
}

.adrasa-two-col--system-metrics.adrasa-two-col--three_cards .adrasa-threecard__title {
  max-width: 18ch;
}

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

  .adrasa-two-col--system-editorial,
  .adrasa-two-col--system-feature-story.adrasa-two-col--content_media {
    --adrasa-gap: 24px;
  }
}