/* ============ SeedAxis — Contact page ============ */
/* Builds on styles.css + sections.css + chrome.css + home.css */

/* ---------- PAGE INTRO ---------- */
.contact-intro{padding:64px 0 8px}
.contact-intro .s-title{max-width:18ch}
.contact-intro .s-intro{max-width:60ch}

/* ---------- MAIN GRID ---------- */
.cwrap{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;align-items:start;margin-top:40px}

/* shared card chrome */
.ccard{background:var(--navy-600);border:1px solid var(--line-strong);
  border-radius:var(--r-lg);padding:36px}

/* ---------- INFO COLUMN ---------- */
.cinfo__title{font-family:"Sora",sans-serif;font-size:22px;font-weight:700;margin-bottom:8px}
.cinfo__lede{color:var(--mist);font-size:15.5px;line-height:1.55;margin-bottom:14px;max-width:42ch}
.cinfo__row{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.cinfo__row:last-of-type{border-bottom:0;padding-bottom:4px}
.cinfo__ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;
  border-radius:12px;background:rgba(46,170,110,.1);border:1px solid rgba(46,170,110,.34);color:var(--green-bright)}
.cinfo__ico svg{width:22px;height:22px;stroke-width:1.6}
.cinfo__lab{font-size:12.5px;color:var(--slate);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.cinfo__val{font-family:"Sora",sans-serif;font-size:17px;font-weight:600;line-height:1.4;color:#fff}
a.cinfo__val{transition:color .2s}
a.cinfo__val:hover{color:var(--green-bright)}
.cinfo__val small{display:block;font-family:"DM Sans",sans-serif;font-weight:400;font-size:14px;color:var(--mist);margin-top:3px}

/* hours chip row */
.cinfo__hours{display:flex;align-items:center;gap:10px;margin-top:22px;color:var(--mist);font-size:14px}
.cinfo__hours .dot{width:8px;height:8px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 10px rgba(57,199,127,.8);flex:none}

/* ---------- FORM COLUMN ---------- */
.cform__title{font-family:"Sora",sans-serif;font-size:22px;font-weight:700;margin-bottom:6px}
.cform__sub{color:var(--mist);font-size:15px;margin-bottom:26px}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:8px}
.field--full{grid-column:1 / -1}
.field label{font-size:13px;font-weight:600;color:var(--mist);letter-spacing:.01em}
.field label .req{color:var(--green-bright)}
.field input,.field textarea{
  width:100%;background:var(--navy);border:1px solid var(--line-strong);border-radius:12px;
  padding:14px 16px;color:#fff;font-family:"DM Sans",sans-serif;font-size:15px;
  transition:border-color .2s,box-shadow .2s,background .2s}
.field textarea{resize:vertical;min-height:140px;line-height:1.5}
.field input::placeholder,.field textarea::placeholder{color:var(--slate)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--green);
  background:var(--navy-700);box-shadow:0 0 0 3px rgba(46,170,110,.16)}
.cform .btn{grid-column:1 / -1;justify-content:center;width:100%;border:0;cursor:pointer;font-size:16px}
.cform .btn[disabled]{opacity:.6;cursor:not-allowed}

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

/* form status message */
.cform__status{grid-column:1 / -1;border-radius:12px;padding:0 16px;font-size:14.5px;font-weight:500;
  max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .35s ease,padding .35s ease}
.cform__status.show{max-height:120px;opacity:1;padding:14px 16px}
.cform__status.ok{background:rgba(46,170,110,.12);border:1px solid rgba(46,170,110,.4);color:var(--green-bright)}
.cform__status.err{background:rgba(229,96,96,.1);border:1px solid rgba(229,96,96,.4);color:#f0a3a3}

/* ---------- MAP ---------- */
.cmap{margin-top:24px;border:1px solid var(--line-strong);border-radius:var(--r-lg);overflow:hidden;position:relative;background:var(--navy-600)}
.cmap iframe{display:block;width:100%;height:380px;border:0;filter:grayscale(.3) contrast(1.05)}
.cmap__tag{position:absolute;top:16px;left:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;
  background:rgba(13,27,62,.9);backdrop-filter:blur(4px);border:1px solid var(--line-strong);
  border-radius:999px;padding:8px 16px;font-family:"Sora",sans-serif;font-size:13px;font-weight:600;color:#fff}
.cmap__tag svg{width:15px;height:15px;color:var(--green-bright)}

/* ---------- RESPONSIVE ---------- */
@media (max-width:920px){
  .cwrap{grid-template-columns:1fr;gap:18px}
}
@media (max-width:560px){
  .cform{grid-template-columns:1fr}
  .ccard{padding:26px 22px}
  .cmap iframe{height:300px}
}