/* ==========================================================================
   Contact Page — Inner Space Creation
   Prefix: contact-
   ========================================================================== */

/* ---------- Conversion Path Cards ---------- */
.contact-paths__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--isc-space-lg);
}

@media (min-width: 600px) {
  .contact-paths__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.contact-paths__card {
  display: flex;
  flex-direction: column;
  gap: var(--isc-space-md);
}

.contact-paths__card h3 {
  margin-bottom: 0;
}

.contact-paths__card--primary {
  background-color: var(--isc-ink-black);
  color: var(--isc-pale-stone);
}

.contact-paths__card--primary h3 {
  color: #FFFFFF;
}

.contact-paths__card--primary p {
  color: var(--isc-pale-stone);
}

.contact-paths__phone {
  font-family: var(--isc-font-display);
  font-size: var(--isc-fs-h2);
  font-weight: var(--isc-fw-light);
  color: var(--isc-color-link);
  text-decoration: none;
  min-height: var(--isc-touch-min);
  display: inline-flex;
  align-items: center;
}

.contact-paths__phone:hover,
.contact-paths__phone:focus-visible {
  color: var(--isc-color-link-hover);
  text-decoration: underline;
}

.contact-paths__hours {
  font-size: var(--isc-fs-caption);
  color: var(--isc-text-deep-linen);
}

/* Inline callback form within card */
.contact-callback-form {
  display: flex;
  flex-direction: column;
  gap: var(--isc-space-sm);
}

.contact-callback-form .isc-form__field {
  gap: var(--isc-space-xs);
}

.contact-callback-form .isc-form__label {
  font-size: var(--isc-fs-caption);
}

.contact-callback-form .isc-form__submit {
  width: 100%;
  margin-top: var(--isc-space-xs);
}

/* ---------- Visit Us ---------- */
.contact-visit__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--isc-space-2xl);
}

@media (min-width: 768px) {
  .contact-visit__grid {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

.contact-visit__address {
  font-style: normal;
  font-size: var(--isc-fs-h4);
  line-height: var(--isc-lh-body);
  color: var(--isc-text-charcoal);
  margin-bottom: var(--isc-space-xl);
}

.contact-visit__hours h3 {
  margin-bottom: var(--isc-space-xs);
}

.contact-visit__hours p {
  color: var(--isc-text-driftwood);
}

.contact-visit__map {
  border-radius: var(--isc-radius-md);
  overflow: hidden;
  box-shadow: var(--isc-shadow-md);
}

.contact-visit__map iframe {
  display: block;
}