/* ==========================================================================
   Core Chiro Rehab — Contact Us Page Redesign
   Namespaced under `.chc-landing` (loaded together with home-redesign.css).
   ========================================================================== */

/* ---------- hero ---------- */
.ctc-hero{
  position:relative; overflow:hidden; background:var(--c-mint);
  min-height:calc(100vh - var(--chc-total-header-h, 133px));
  min-height:calc(100svh - var(--chc-total-header-h, 133px));
  display:flex; align-items:center; padding:56px 0;
}
.ctc-hero__grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:64px; align-items:center; position:relative; z-index:1; }
.ctc-hero__crumbs{ display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; color:var(--c-ink-soft); margin-bottom:20px; }
.ctc-hero__crumbs a{ color:var(--c-ink-soft); text-decoration:none; }
.ctc-hero__crumbs a:hover{ color:var(--c-orange-dark); }
.ctc-hero__crumbs i{ font-size:10px; color:var(--c-border); }
.ctc-hero__crumbs span{ color:var(--c-ink); font-weight:700; }
.ctc-hero h1{ font-size:clamp(28px, 3.4vw, 42px); font-weight:800; line-height:1.22; letter-spacing:-.01em; margin-bottom:22px; }
.ctc-hero__trust{ display:flex; align-items:center; gap:14px; margin-bottom:6px; }
.ctc-hero__trust .chc-hero__stars{ color:var(--c-gold); font-size:15px; display:flex; gap:3px; }
.ctc-hero__trust span{ font-size:13.5px; font-weight:600; color:var(--c-ink-soft); }
.ctc-hero__trust strong{ color:var(--c-ink); }
.ctc-hero__cta{ display:flex; flex-wrap:wrap; gap:16px; margin-top:28px; }
.ctc-hero__media{ position:relative; }
.ctc-hero__media .chc-dotgrid{ width:200px; height:200px; top:-36px; right:-36px; border-radius:20px; }
.ctc-hero__frame{ position:relative; border-radius:28px; overflow:hidden; box-shadow:var(--c-shadow-md); }
.ctc-hero__frame img{ width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; display:block; }

/* ---------- info + form ---------- */
.ctc-main{ padding:110px 0; background:#fff; }
.ctc-main__grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:start; }

.ctc-info__card{
  background:var(--c-mint); border-radius:22px; padding:34px 30px; margin-bottom:20px;
}
.ctc-info__card h3{ font-size:17px; font-weight:800; margin-bottom:18px; }
.ctc-info__row{ display:flex; gap:14px; align-items:flex-start; margin-bottom:16px; }
.ctc-info__row:last-child{ margin-bottom:0; }
.ctc-info__icon{
  width:42px; height:42px; border-radius:12px; background:#fff; color:var(--c-orange);
  display:flex; align-items:center; justify-content:center; font-size:17px; flex-shrink:0; box-shadow:var(--c-shadow-sm);
}
.ctc-info__row p{ color:var(--c-ink-soft); font-size:14.5px; line-height:1.7; }
.ctc-info__row a{ color:var(--c-ink); text-decoration:none; display:block; }
.ctc-info__row a:hover{ color:var(--c-orange-dark); }

.ctc-hours{ display:grid; gap:8px; }
.ctc-hours li{
  display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--c-border);
  font-size:14px; color:var(--c-ink);
}
.ctc-hours li:last-child{ border-bottom:none; }
.ctc-hours li span{ color:var(--c-ink-soft); font-weight:500; }
.ctc-hours li strong{ color:var(--c-orange-dark); font-weight:600; }

.ctc-info{ display:flex; flex-direction:column; }
.ctc-map{ border-radius:22px; overflow:hidden; box-shadow:var(--c-shadow-sm); height:260px; margin-bottom:40px; }
.ctc-map iframe{ width:100%; height:100%; border:0; display:block; }

/* ---------- form ---------- */
.ctc-form{ background:#fff; border:1px solid var(--c-border); border-radius:24px; padding:40px; box-shadow:var(--c-shadow-md); }
.ctc-form h2{ margin-bottom:8px; }
.ctc-form > p{ color:var(--c-ink-soft); font-size:14.5px; margin-bottom:28px; }
.ctc-form__row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.ctc-field{ margin-bottom:20px; }
.ctc-field label{ display:block; font-family:var(--f-head); font-weight:700; font-size:13.5px; color:var(--c-ink); margin-bottom:8px; }
.ctc-field input,
.ctc-field textarea{
  width:100%; border:1.5px solid var(--c-border); border-radius:12px; padding:13px 16px; font-family:var(--f-body);
  font-size:14.5px; color:var(--c-ink); background:#fbfbfc; transition:border-color .25s ease, background .25s ease;
}
.ctc-field input:focus,
.ctc-field textarea:focus{ outline:none; border-color:var(--c-orange); background:#fff; }
.ctc-field textarea{ resize:vertical; min-height:120px; }
.ctc-field__error{ display:block; color:#d92d20; font-size:12.5px; font-weight:600; margin-top:6px; min-height:16px; }
.ctc-field input.is-invalid,
.ctc-field textarea.is-invalid{ border-color:#d92d20; background:#fff5f5; }
.ctc-form button[type="submit"]{ width:100%; justify-content:center; }

/* ---------- closing cta band ---------- */
.chc-cta-band{
  padding:100px 0; background:linear-gradient(135deg, var(--c-orange) 0%, var(--c-orange-dark) 100%);
  text-align:center; position:relative; overflow:hidden;
}
.chc-cta-band__inner{ max-width:620px; margin:0 auto; position:relative; z-index:1; }
.chc-cta-band h2{ color:#fff; margin-bottom:14px; }
.chc-cta-band p{ color:rgba(255,255,255,.9); font-size:16.5px; line-height:1.8; margin-bottom:30px; }
.chc-cta-band__cta{ display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }
.chc-cta-band .chc-btn--primary{ background:#fff; color:var(--c-orange-dark); box-shadow:0 18px 38px -14px rgba(0,0,0,.35); }
.chc-cta-band .chc-btn--primary:hover{ background:var(--c-ink); color:#fff; }
.chc-cta-band .chc-btn--ghost-light:hover{ background:#fff; color:var(--c-orange-dark); border-color:#fff; }

@media (max-width:1199px){
  .ctc-hero__grid{ grid-template-columns:1fr; }
  .ctc-hero__media{ order:-1; max-width:460px; margin:0 auto; }
  .ctc-main__grid{ grid-template-columns:1fr; }
}
@media (max-width:767px){
  .ctc-hero{
    min-height:calc(100vh - var(--chc-total-header-h, 74px));
    min-height:calc(100svh - var(--chc-total-header-h, 74px));
    padding:56px 0;
  }
  .ctc-hero__cta{ flex-direction:column; align-items:stretch; }
  .ctc-hero__cta .chc-btn{ justify-content:center; }
  .ctc-main{ padding:70px 0; }
  .ctc-form{ padding:28px; }
  .ctc-form__row{ grid-template-columns:1fr; }
  .ctc-map{ height:220px; margin-bottom:0; }
  .chc-cta-band{ padding:60px 0; }
  .chc-cta-band__cta{ flex-direction:column; align-items:stretch; }
  .chc-cta-band .chc-btn{ justify-content:center; }
}