/* =============================================================
   EDWIS · contact page. Loads after edwis-base.css.
   ============================================================= */

.ew-ct { position: relative; overflow: hidden; padding: clamp(40px, 6vw, 88px) 0 clamp(64px, 8vw, 112px); }
.ew-ct-bg { position: absolute; inset: 0; pointer-events: none; }
.ew-ct-bg::before {
  content: ""; position: absolute; width: 720px; height: 720px; right: -200px; top: -240px;
  border-radius: 50%; background: radial-gradient(circle, #DCE8FF 0%, transparent 68%); opacity: .6;
}

.ew-ct-grid {
  position: relative;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 560px);
  gap: clamp(40px, 6vw, 96px); align-items: start;
  transition: grid-template-columns 420ms var(--ew-ease);
}
/* the booking widget needs ~660px of width; the copy column gives way */
@media (min-width: 1240px) {
  .ew-ct-grid.is-booking { grid-template-columns: minmax(0, 1fr) minmax(0, 740px); }
  .ew-ct-grid.is-booking .ew-ct-direct { grid-template-columns: 1fr; gap: 14px; }
}
@media (min-width: 1100px) and (max-width: 1239px) {
  .ew-ct-grid.is-booking { grid-template-columns: 1fr; }
  .ew-ct-grid.is-booking .ew-ct-copy { max-width: 640px; }
}
.ew-ct-grid.is-booking .ew-ct-card { max-width: 780px; }

.ew-ct-copy { display: flex; flex-direction: column; gap: 24px; padding-top: clamp(0px, 2vw, 24px); }
.ew-ct-copy .ew-eyebrow { margin-bottom: -6px; }

/* what happens next */
.ew-ct-steps { list-style: none; display: grid; gap: 4px; margin-top: 8px; }
.ew-ct-steps li { display: flex; gap: 16px; padding: 14px 0; border-top: 1px solid var(--ew-line); }
.ew-ct-steps li:first-child { border-top: 0; }
.ew-ct-step-n {
  display: grid; place-items: center; flex-shrink: 0;
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--ew-surface); border: 1px solid var(--ew-line-2);
  font-size: 13px; font-weight: 700; color: var(--ew-ink-2); font-variant-numeric: tabular-nums;
}
.ew-ct-steps b { display: block; font-size: 15.5px; font-weight: 700; color: var(--ew-ink); }
.ew-ct-steps li > span:last-child { font-size: 14.5px; color: var(--ew-ink-3); line-height: 1.55; }

.ew-ct-direct { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 12px 40px; padding-top: 8px; }
.ew-ct-direct dt { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ew-ink-3); margin-bottom: 4px; }
.ew-ct-direct dd { font-size: 15px; font-weight: 600; color: var(--ew-ink); }
.ew-ct-direct a { color: var(--ew-primary); }
.ew-ct-direct a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* card */
.ew-ct-card {
  position: relative;
  padding: clamp(16px, 2.4vw, 28px);
  background: var(--ew-surface);
  border: 1px solid var(--ew-line);
  border-radius: var(--ew-r-lg);
  box-shadow: var(--ew-shadow-2);
}

/* segmented control */
.ew-seg {
  position: relative;
  display: grid; grid-template-columns: 1fr 1fr;
  padding: 4px; margin-bottom: 24px;
  background: var(--ew-tint); border-radius: 14px;
}
.ew-seg-btn {
  position: relative; z-index: 1;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 12px;
  border: 0; border-radius: 10px; background: transparent; cursor: pointer;
  font: inherit; font-size: 14.5px; font-weight: 600; color: var(--ew-ink-3);
  transition: color var(--ew-dur) ease;
}
.ew-seg-btn svg { width: 17px; height: 17px; }
.ew-seg-btn[aria-selected="true"] { color: var(--ew-ink); }
.ew-seg-btn:hover { color: var(--ew-ink); }
.ew-seg-thumb {
  position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px);
  border-radius: 10px; background: var(--ew-surface);
  box-shadow: 0 1px 2px rgba(11, 21, 51, .08), 0 4px 12px -6px rgba(11, 21, 51, .18);
  transition: transform 320ms var(--ew-ease);
}
.ew-seg[data-active="book"] .ew-seg-thumb { transform: translateX(100%); }

.ew-ct-panel[hidden] { display: none; }
.ew-ct-panel { animation: ew-ct-in 320ms var(--ew-ease) backwards; }
@keyframes ew-ct-in { from { opacity: 0; transform: translateY(6px); } }

/* form */
.ew-form { display: grid; gap: 18px; }
.ew-form[hidden] { display: none; }
.ew-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
/* interest chips */
.ew-interest { border: 0; padding: 0; margin: 0; min-width: 0; }
.ew-interest legend { padding: 0; margin-bottom: 10px; }
.ew-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ew-chip { --c: var(--ew-recruit); --c-soft: var(--ew-recruit-soft); --c-ink: var(--ew-recruit-ink); position: relative; cursor: pointer; }
.ew-chip--enroll   { --c: var(--ew-enroll);   --c-soft: var(--ew-enroll-soft);   --c-ink: var(--ew-enroll-ink); }
.ew-chip--operate  { --c: var(--ew-operate);  --c-soft: var(--ew-operate-soft);  --c-ink: var(--ew-operate-ink); }
.ew-chip--graduate { --c: var(--ew-graduate); --c-soft: var(--ew-graduate-soft); --c-ink: var(--ew-graduate-ink); }
.ew-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.ew-chip span {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 40px; padding: 0 14px 0 12px;
  border: 1px solid var(--ew-line-2); border-radius: 999px;
  font-size: 14px; font-weight: 600; color: var(--ew-ink-2);
  transition: background var(--ew-fast) ease, border-color var(--ew-fast) ease, color var(--ew-fast) ease;
}
.ew-chip span::before {
  content: ""; width: 10px; height: 10px; border-radius: 50%;
  border: 2px solid var(--c); transition: background var(--ew-fast) ease;
}
.ew-chip:hover span { border-color: var(--c); }
.ew-chip input:checked + span { background: var(--c-soft); border-color: var(--c); color: var(--c-ink); }
.ew-chip input:checked + span::before { background: var(--c); }
.ew-chip input:focus-visible + span { outline: 3px solid var(--ew-primary); outline-offset: 2px; }

.ew-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* submit */
.ew-form-submit { width: 100%; margin-top: 4px; }
.ew-spin {
  display: none; width: 16px; height: 16px; border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, .4); border-top-color: #fff;
  animation: ew-spin 700ms linear infinite;
}
.ew-form.is-sending .ew-spin { display: inline-block; }
.ew-form.is-sending .ew-form-submit .ew-ar { display: none; }
.ew-form-submit:disabled { opacity: .7; cursor: progress; transform: none; }
@keyframes ew-spin { to { transform: rotate(360deg); } }

.ew-form-status:empty { display: none; }
.ew-form-status {
  padding: 12px 14px; border-radius: 12px;
  font-size: 14px; line-height: 1.5;
  background: var(--ew-bad-soft); color: #8E1F1A;
}
.ew-form-status a { font-weight: 700; text-decoration: underline; }
.ew-form-fine { font-size: 12.5px; color: var(--ew-ink-3); text-align: center; }
.ew-form-fine a { text-decoration: underline; text-underline-offset: 2px; }

/* success */
.ew-ct-done { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: clamp(24px, 5vw, 56px) 8px; outline: none; }
.ew-ct-done[hidden] { display: none; }
.ew-ct-done-ic {
  display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%;
  background: var(--ew-good-soft); color: var(--ew-good); margin-bottom: 4px;
  animation: ew-pop 520ms var(--ew-ease) backwards;
}
.ew-ct-done-ic svg { width: 26px; height: 26px; }
@keyframes ew-pop { from { transform: scale(.6); opacity: 0; } }
.ew-ct-done-h { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; }
.ew-ct-done p { font-size: 15px; color: var(--ew-ink-2); max-width: 30em; }
.ew-ct-done-acts { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 8px; }

/* booking */
.ew-ct-book-head { margin-bottom: 16px; }
.ew-ct-book-h { font-size: 17px; font-weight: 700; }
.ew-ct-book-p { font-size: 14.5px; color: var(--ew-ink-3); }
.ew-ct-cal { position: relative; min-height: 520px; border-radius: 16px; overflow: hidden; }
.ew-ct-cal-skel { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; align-content: start; }
.ew-ct-cal-skel i { height: 52px; border-radius: 12px; background: linear-gradient(90deg, var(--ew-tint) 0%, #F7F9FE 50%, var(--ew-tint) 100%); background-size: 200% 100%; animation: ew-shimmer 1.4s ease-in-out infinite; }
.ew-ct-cal .lemcal-embed-booking-calendar { position: relative; z-index: 1; }
.ew-ct-cal.is-ready .ew-ct-cal-skel { display: none; }
@keyframes ew-shimmer { to { background-position: -200% 0; } }
.ew-ct-cal-fallback { margin-top: 12px; font-size: 13px; color: var(--ew-ink-3); text-align: center; }
.ew-ct-cal-fallback a { color: var(--ew-primary); font-weight: 600; }

/* more */
.ew-ct-more { padding: 0 0 clamp(88px, 10vw, 140px); }
.ew-ct-more-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ew-ct-tile {
  display: flex; flex-direction: column; gap: 8px;
  padding: 24px; border-radius: var(--ew-r-lg);
  background: var(--ew-surface); border: 1px solid var(--ew-line);
  transition: border-color var(--ew-dur) ease, transform var(--ew-dur) var(--ew-ease), box-shadow var(--ew-dur) var(--ew-ease);
}
.ew-ct-tile:hover { border-color: var(--ew-line-2); transform: translateY(-2px); box-shadow: var(--ew-shadow-2); }
.ew-ct-tile-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; margin-bottom: 6px; }
.ew-ct-tile-ic svg { width: 20px; height: 20px; }
.ew-ct-tile-h { font-size: 17px; font-weight: 700; letter-spacing: -0.015em; }
.ew-ct-tile-p { font-size: 14.5px; color: var(--ew-ink-3); line-height: 1.55; }
.ew-ct-tile .ew-link-arrow { margin-top: auto; min-height: 36px; font-size: 14.5px; }
.ew-ct-tile:hover .ew-ar { transform: translateX(3px); }

@media (max-width: 1099px) {
  .ew-ct-grid { grid-template-columns: 1fr; }
  .ew-ct-copy { max-width: 640px; padding-top: 0; }
  .ew-ct-card { max-width: 640px; }
}
@media (max-width: 640px) {
  .ew-field-row { grid-template-columns: 1fr; }
  .ew-ct-direct { grid-template-columns: 1fr; gap: 14px; }
  .ew-ct-more-grid { grid-template-columns: 1fr; }
  .ew-seg-btn { font-size: 14px; gap: 6px; }
  .ew-seg-btn svg { display: none; }
  .ew-ct-card { margin-inline: calc(var(--ew-pad) * -0.4); }
  /* give the calendar the full card width on phones */
  .ew-ct-cal { margin-inline: calc(clamp(16px, 2.4vw, 28px) * -1 + 1px); border-radius: 0; }
}