/* SIVAA — Contact Page Styles */

/* ===== CONTACT GRID ===== */
.contact-grid {
  display: grid; grid-template-columns: 1fr 1.5fr; gap: var(--space-10);
  align-items: flex-start; margin-bottom: var(--space-16);
}

/* ===== CONTACT CARDS ===== */
.contact-info-cards { display: flex; flex-direction: column; gap: var(--space-4); }
.contact-info-card {
  background: var(--color-white); border-radius: var(--radius-xl); padding: var(--space-5) var(--space-6);
  display: flex; gap: var(--space-4); align-items: flex-start;
  box-shadow: var(--shadow-card); border: 1px solid var(--color-border);
  transition: all var(--transition-base);
}
.contact-info-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-card-hover); border-color: var(--color-secondary-light); }
.contact-info-card__icon {
  width: 44px; height: 44px; border-radius: 50%; background: var(--gradient-blue-soft);
  color: var(--color-primary); display: flex; align-items: center; justify-content: center;
  font-size: var(--text-lg); flex-shrink: 0;
}
.contact-info-card__title { font-family: var(--font-heading); font-size: var(--text-base); color: var(--color-primary); margin-bottom: 2px; }
.contact-info-card__desc { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.5; }
.contact-info-card__hours-list { display: flex; flex-direction: column; gap: 2px; margin-top: var(--space-2); }
.contact-info-card__hours-row { display: flex; justify-content: space-between; font-size: var(--text-xs); color: var(--color-text-muted); width: 220px; }

/* ===== CONTACT MAP CONTAINER ===== */
.contact-map-wrapper {
  border-radius: var(--radius-2xl); overflow: hidden;
  box-shadow: var(--shadow-lg); border: 1px solid var(--color-border);
  height: 380px; width: 100%; margin-bottom: var(--space-16);
}
.contact-map-iframe { width: 100%; height: 100%; border: none; display: block; }

@media (max-width: 900px) {
  .contact-grid { grid-template-columns: 1fr; gap: var(--space-8); }
  .contact-map-wrapper { height: 300px; }
}