/*
Same Day Mitigation Platform
Milestone: v3.4 Contact, Dispatch & Conversion
Dependencies: /assets/css/sdm-core.css
*/

.contact-hero {
  background:
    linear-gradient(120deg, rgba(247,251,254,.99), rgba(234,246,255,.97) 52%, rgba(255,243,229,.98)),
    radial-gradient(circle at 84% 13%, rgba(242,140,40,.22), transparent 34%);
}
.contact-hero .sdm-hero__grid { min-height:40rem; }

.contact-card { border-top:.45rem solid var(--sdm-orange-600); }
.contact-card ul { display:grid; gap:.7rem; margin:1rem 0 1.4rem; padding:0; list-style:none; }
.contact-card li { position:relative; padding-left:1.55rem; color:var(--sdm-navy-800); font-weight:750; }
.contact-card li::before { content:"✓"; position:absolute; left:0; color:var(--sdm-green-700); font-weight:950; }

.contact-strip { background:var(--sdm-navy-800); color:#fff; }
.contact-strip__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.contact-strip__grid div {
  min-height:6rem; display:grid; place-content:center; gap:.2rem; padding:1rem;
  border-right:1px solid rgba(255,255,255,.14); text-align:center;
}
.contact-strip__grid div:last-child { border-right:0; }
.contact-strip strong { color:var(--sdm-orange-600); }
.contact-strip span { color:#d5e2ea; font-size:.82rem; }

.contact-methods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.contact-method { min-height:18rem; display:flex; flex-direction:column; }
.contact-method p { flex:1; }
.contact-method .sdm-button { align-self:flex-start; margin-top:1rem; }

.dispatch-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }
.dispatch-form {
  padding:1.5rem; border:1px solid var(--sdm-gray-300);
  border-radius:var(--sdm-radius-xl); background:#fff; box-shadow:var(--sdm-shadow-sm);
}
.field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.field { display:grid; gap:.4rem; }
.field--full { grid-column:1/-1; }
.field label { color:var(--sdm-navy-800); font-weight:850; }
.field input,.field select,.field textarea {
  width:100%; padding:.85rem .9rem; border:1px solid var(--sdm-gray-300);
  border-radius:var(--sdm-radius-md); background:#fff; color:var(--sdm-gray-800);
}
.field textarea { min-height:8rem; resize:vertical; }
.field small { color:var(--sdm-gray-600); }

.choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.choice {
  display:flex; gap:.65rem; align-items:flex-start; padding:.85rem;
  border:1px solid var(--sdm-gray-300); border-radius:var(--sdm-radius-md); background:var(--sdm-gray-050);
}
.choice input { margin-top:.25rem; }

.form-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.25rem; }
.form-status {
  margin-top:1rem; padding:1rem; border-radius:var(--sdm-radius-md);
  background:var(--sdm-blue-100); color:var(--sdm-blue-700); font-weight:750;
}
.form-status[hidden] { display:none; }

.intake-list { display:grid; gap:.8rem; }
.intake-list div {
  padding:1rem; border:1px solid var(--sdm-gray-300);
  border-radius:var(--sdm-radius-md); background:#fff;
}
.intake-list strong { display:block; margin-bottom:.2rem; color:var(--sdm-navy-800); }

.safety-panel {
  padding:1.4rem; border-left:.35rem solid var(--sdm-orange-600);
  border-radius:0 var(--sdm-radius-md) var(--sdm-radius-md) 0;
  background:var(--sdm-orange-100); color:#654a30;
}

.faq-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.faq-category {
  min-height:11rem; display:flex; flex-direction:column; justify-content:flex-end;
  padding:1.2rem; border-radius:var(--sdm-radius-lg);
  background:linear-gradient(150deg,var(--sdm-navy-800),var(--sdm-navy-700)); color:#fff;
  text-decoration:none;
}
.faq-category span { color:#9ed8ff; font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.faq-category strong { margin-top:.4rem; line-height:1.25; }

.response-panel {
  display:grid; grid-template-columns:1fr 1fr; gap:2rem; padding:2rem;
  border-radius:var(--sdm-radius-xl); background:var(--sdm-navy-800); color:#fff;
}
.response-panel .sdm-title,.response-panel h3 { color:#fff; }
.response-panel p { color:#d5e2ea; }
.response-list { display:grid; gap:.8rem; }
.response-list div {
  padding:1rem; border:1px solid rgba(255,255,255,.15);
  border-radius:var(--sdm-radius-md); background:rgba(255,255,255,.06);
}
.response-list strong { display:block; margin-bottom:.2rem; }

.related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.related-grid a {
  min-height:10.5rem; display:flex; flex-direction:column; justify-content:flex-end;
  padding:1.3rem; border-radius:var(--sdm-radius-lg);
  background:linear-gradient(150deg,var(--sdm-navy-800),var(--sdm-navy-700));
  color:#fff; text-decoration:none; box-shadow:var(--sdm-shadow-sm);
}
.related-grid span { color:#9ed8ff; font-size:.74rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.related-grid strong { margin-top:.4rem; font-size:1.03rem; line-height:1.25; }

@media(max-width:68rem){
  .contact-methods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq-categories,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:47.5rem){
  .contact-strip__grid,.contact-methods,.dispatch-grid,.field-grid,.choice-grid,.faq-categories,.response-panel,.related-grid{grid-template-columns:1fr}
  .contact-strip__grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .contact-strip__grid div:last-child{border-bottom:0}
  .field--full{grid-column:auto}
  .form-actions{display:grid}
}