/* Keep the kit palette, native widgets and authored content; align their layout. */
.elementor .educan-program-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch !important;
  gap: 24px !important;
}
.elementor .educan-program-card {
  display: flex;
  flex-direction: column;
  align-self: stretch !important;
  width: auto !important;
  min-width: 0;
  height: auto !important;
  padding: clamp(24px, 2vw, 36px) !important;
  gap: 20px !important;
}
.educan-program-card > .elementor-widget,
.educan-program-card > .e-con { width: 100%; min-width: 0; margin: 0 !important; }
.educan-program-card .educan-program-icon {
  display: grid;
  place-items: center;
  align-self: start;
  width: 76px !important;
  max-width: none !important;
  height: 76px !important;
  padding: 16px !important;
  border-radius: 50% !important;
  margin-block-end: 12px !important;
}
.educan-program-icon .elementor-icon-wrapper { display: flex; align-items: center; justify-content: center; }
.educan-program-icon .elementor-icon { display: inline-flex; font-size: 40px !important; }
.educan-program-title .elementor-heading-title {
  font-size: clamp(20px, 1.35vw, 24px) !important;
  line-height: 1.25 !important;
  margin: 0;
}
.educan-program-description p:last-child { margin-block-end: 0; }
.educan-program-card .educan-program-enquiry { margin-block-start: auto !important; align-self: end; }
.educan-program-card .educan-program-feature { padding: 16px !important; align-self: stretch; }
@supports (grid-template-rows: subgrid) {
  .elementor .educan-program-card {
    display: grid !important;
    grid-row: span 5;
    grid-template-rows: subgrid;
    row-gap: 20px !important;
  }
  .educan-program-card .educan-program-enquiry { margin-block-start: 0 !important; }
}

/* Two matching portraits replace the uneven photo/badge collage. */
.elementor .educan-approach-photos {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch !important;
  gap: 18px !important;
  min-width: 0;
}
.educan-approach-photos .educan-approach-photo {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
}
.educan-approach-photo .elementor-widget-container { height: 100%; }
.educan-approach-photo img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center;
  border-radius: 14px !important;
}

/* Open CEFR rows inherit the section's cream surface instead of adding cards. */
.elementor .educan-level-content {
  container: educan-levels / inline-size;
  justify-content: center !important;
  gap: 28px !important;
  min-width: 0;
}
.elementor .educan-level-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch !important;
  width: 100% !important;
  gap: 0 28px !important;
}
.elementor .educan-level-tile {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center !important;
  gap: 12px !important;
  width: auto !important;
  min-width: 0;
  min-height: 76px;
  padding: 16px 0 !important;
  border: 0 !important;
  border-block-end: 1px solid color-mix(in srgb, var(--e-global-color-accent) 22%, transparent) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.educan-level-tile > .elementor-widget { margin: 0 !important; width: auto !important; min-width: 0; }
.educan-level-tile .educan-level-code,
.educan-level-code .elementor-widget-container { padding: 0 !important; border: 0 !important; background: transparent !important; }
.educan-level-code .elementor-heading-title {
  display: grid;
  place-items: center;
  min-height: 40px;
  margin: 0;
  padding: 8px;
  border-radius: 999px;
  background: var(--e-global-color-accent) !important;
  color: var(--e-global-color-primary) !important;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 1 !important;
}
.educan-level-name .elementor-heading-title {
  margin: 0;
  color: var(--e-global-color-primary) !important;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 1.4 !important;
  text-align: start !important;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}
html[lang|="en"] .educan-level-name .elementor-heading-title { white-space: nowrap; }
.educan-level-tile > .elementor-widget-text-editor { grid-column: 2; }
@container educan-levels (max-width: 520px) {
  .elementor .educan-level-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Native icon boxes and separate contact links use the same icon/text columns. */
.elementor .educan-footer-contact {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr);
  align-content: start;
  gap: 12px 16px !important;
}
.educan-footer-contact .educan-contact-summary {
  grid-column: 1 / -1;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
.educan-contact-summary .elementor-icon-box-wrapper {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start !important;
  gap: 16px !important;
  text-align: start !important;
}
.educan-contact-summary .elementor-icon-box-icon { width: 44px; margin: 0 !important; }
.educan-contact-summary .elementor-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  padding: 12px !important;
  font-size: 20px !important;
}
.educan-contact-summary .elementor-icon-box-content { min-width: 0; padding-block-start: 8px; }
.educan-contact-summary .elementor-icon-box-title { margin-block-start: 0; }
.educan-footer-contact .educan-contact-detail {
  grid-column: 2;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: start;
}
.educan-contact-detail a[href^="tel:"],
.educan-contact-detail a[href^="mailto:"] { display: inline-block; direction: ltr; unicode-bidi: isolate; }

/* Join the cream sections with a quiet rule at the midpoint of each content gap. */
.elementor .educan-kit-home#levels { --padding-bottom: 80px; }
.elementor .educan-kit-home#student-life { --padding-top: 80px; --padding-bottom: 80px; }
.elementor .educan-kit-home#campus { --padding-top: 80px; }
.elementor .educan-kit-home:is(#student-life, #campus)::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  left: 50%;
  transform: translateX(-50%);
  inline-size: min(var(--container-max-width, 1140px), calc(100% - var(--padding-left, 30px) - var(--padding-right, 30px)));
  block-size: 1px;
  background: linear-gradient(to right,
    color-mix(in srgb, var(--e-global-color-primary) 10%, transparent) calc(50% - 32px),
    var(--e-global-color-accent) calc(50% - 32px),
    var(--e-global-color-accent) calc(50% + 32px),
    color-mix(in srgb, var(--e-global-color-primary) 10%, transparent) calc(50% + 32px));
  pointer-events: none;
}

@media (max-width: 1024px) {
  .elementor .educan-program-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .elementor .educan-program-grid { grid-template-columns: minmax(0, 1fr); gap: 20px !important; }
  .elementor .educan-approach-photos { gap: 12px !important; }
  .elementor .educan-level-grid { grid-template-columns: minmax(0, 1fr); }
  .elementor .educan-kit-home#levels { --padding-bottom: 48px; }
  .elementor .educan-kit-home#student-life { --padding-top: 48px; --padding-bottom: 48px; }
  .elementor .educan-kit-home#campus { --padding-top: 48px; }
}