/*
 * Akomio contact/inquiry widget (AKOMIO:CONTACT_FORM) - shared by the
 * generated microsite and any custom uploaded site. Left card is the
 * operator's contact identity, right card is the independent, non-binding
 * inquiry form. Colours come from CSS custom properties so a tenant's own
 * design can retheme the widget without forking it.
 */
.akomio-embed-contact {
  --akc-brand: var(--brand-600, #0f766e);
  --akc-ink: #18302b;
  --akc-muted: #5b6c72;
  --akc-line: #dce5e1;
  color: var(--akc-ink);
  font: 16px/1.5 system-ui, sans-serif;
}
.akomio-embed-contact .akc-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 1.25rem;
  align-items: start;
}
.akomio-embed-contact .akc-card {
  padding: clamp(1.25rem, 3vw, 1.75rem);
  border: 1px solid var(--akc-line);
  border-radius: 1.1rem;
  background: #fff;
  box-shadow: 0 1px 2px rgba(24, 48, 43, 0.04);
}
.akomio-embed-contact h3 { margin: 0 0 .5rem; font-size: 1.25rem; }
.akomio-embed-contact .akc-intro { margin: 0 0 1.1rem; color: var(--akc-muted); }
.akomio-embed-contact .akc-info-list { display: grid; gap: .9rem; margin-top: .75rem; }
.akomio-embed-contact .akc-info-list p { margin: 0; }
.akomio-embed-contact .akc-label { display: block; color: var(--akc-muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .02em; margin-bottom: .15rem; }
.akomio-embed-contact .akc-info-list a { color: var(--akc-brand); font-weight: 700; text-decoration: none; }
.akomio-embed-contact .akc-info-list a:hover { text-decoration: underline; }
.akomio-embed-contact form { display: grid; gap: .85rem; }
.akomio-embed-contact form label { display: grid; gap: .3rem; font-weight: 600; font-size: .92rem; }
.akomio-embed-contact form input,
.akomio-embed-contact form textarea { font: inherit; padding: .65rem .7rem; border: 1px solid #b9c8c2; border-radius: .5rem; }
.akomio-embed-contact form button {
  justify-self: start;
  border: 0; border-radius: .6rem; background: var(--akc-brand); color: #fff;
  font: 700 1rem inherit; padding: .8rem 1.3rem; cursor: pointer;
}
.akomio-embed-contact form button:disabled { opacity: .65; cursor: wait; }
.akomio-embed-contact .akomio-contact-status { margin: .75rem 0 0; color: var(--akc-muted); }
.akomio-embed-contact .akc-note { color: var(--akc-muted); margin: 0; }

@media (max-width: 48rem) {
  .akomio-embed-contact .akc-grid { grid-template-columns: 1fr; }
}