/*
 * Layout wrappers specific to the [entropica_*] shortcodes in
 * includes/class-shortcodes.php. Visual component styles (cards, pills,
 * buttons, pricing) live in components.css / base.css — this file only
 * arranges them into the sections seen in Landing.html. Handy for quick
 * marketing sections outside of Elementor (Elementor + MasterStudy's own
 * widgets are the primary tool per the handoff doc's stack — these
 * shortcodes are a fallback for anywhere Elementor isn't used, e.g. a
 * plain page, a widget area, or a quick draft before Elementor-izing it).
 */

.ent-section {
  max-width: var(--ent-container);
  margin: 64px auto;
  padding: 0 28px;
}
.ent-section-narrow {
  max-width: var(--ent-container-narrow);
  margin: 64px auto;
  padding: 0 28px;
}
.ent-section-head {
  text-align: center;
  margin-bottom: 44px;
}
.ent-section-head h2 {
  font-size: 38px;
  letter-spacing: -.01em;
}

/* [entropica_stats] */
.ent-stats-strip {
  grid-template-columns: repeat(var(--ent-stats-cols, 3), 1fr);
}

/* [entropica_steps] */
.ent-steps-grid {
  display: grid;
  grid-template-columns: repeat(var(--ent-steps-cols, 3), 1fr);
  gap: 22px;
}
@media (max-width: 782px) {
  .ent-steps-grid { grid-template-columns: 1fr; }
}

/* [entropica_pricing] */
.ent-pricing-grid {
  display: grid;
  grid-template-columns: repeat(var(--ent-pricing-cols, 3), 1fr);
  gap: 22px;
  align-items: start;
}
@media (max-width: 900px) {
  .ent-pricing-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
}

/* [entropica_programs] two-up gradient program cards */
.ent-programs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.ent-program-card {
  border: 1px solid var(--ent-line);
  border-radius: var(--ent-radius-lg);
  padding: 34px;
}
.ent-program-card.ent-program-card-neutral {
  background: linear-gradient(160deg, var(--ent-surface-2), var(--ent-surface));
}
.ent-program-card.ent-program-card-accent {
  background: linear-gradient(160deg, var(--ent-accent-soft), var(--ent-surface));
}
@media (max-width: 782px) {
  .ent-programs-grid { grid-template-columns: 1fr; }
}

/* [entropica_cta] */
.ent-cta-section {
  max-width: var(--ent-container);
  margin: 64px auto 0;
  padding: 0 28px 80px;
}