/* ==========================================================================
   contact.css
   ========================================================================== */

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
  max-width: 1000px;
  margin: 0 auto;
}

.contact-card {
  padding: var(--space-lg) var(--space-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-sm);
}

.contact-card .icon-circle {
  width: 64px; height: 64px;
  border-radius: var(--radius-full);
  background: var(--grad-teal);
  display: flex; align-items: center; justify-content: center;
  box-shadow: var(--glow-teal);
}
.contact-card .icon-circle svg { width: 28px; height: 28px; }

.contact-card h3 { font-size: var(--fs-lg); }
.contact-card p { color: var(--text-secondary); font-size: var(--fs-sm); }
.contact-card a.big-link { font-size: var(--fs-lg); font-weight: 700; color: var(--teal-light); direction: ltr; }

.contact-hours-list { list-style: none; color: var(--text-secondary); font-size: var(--fs-sm); display: flex; flex-direction: column; gap: 6px; }
.contact-hours-list b { color: var(--text-primary); }

.contact-cta-banner {
  max-width: 1000px;
  margin: var(--space-xl) auto 0;
  padding: var(--space-lg);
  text-align: center;
  background: linear-gradient(135deg, rgba(18,179,168,0.1), rgba(199,176,74,0.08));
}
.contact-cta-banner h2 { font-size: var(--fs-xl); margin-bottom: var(--space-sm); }
.contact-cta-banner p { color: var(--text-secondary); margin-bottom: var(--space-md); }

@media (max-width: 700px) {
  .contact-grid { grid-template-columns: 1fr; }
}