/* ==========================================================================
   The Waffle Taco — Visit Us Page (visit.php)
   ========================================================================== */

.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
.contact-info-card { background:var(--color-white); border-radius:var(--radius-lg); padding:var(--space-2xl); box-shadow:var(--shadow-md); }
.contact-item { display:flex; gap:var(--space-md); margin-bottom:var(--space-xl); }
.contact-item:last-child { margin-bottom:0; }
.contact-icon { flex-shrink:0; width:48px; height:48px; background:var(--color-gold-pale); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; font-size:1.4rem; }
.contact-item h3 { margin-bottom:var(--space-xs); font-size:1rem; }
.contact-item p, .contact-item a { color:var(--color-brown-light); font-size:0.95rem; }
.contact-item a:hover { color:var(--color-orange); }
.map-container { border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-md); aspect-ratio:4/3; }
.map-container iframe { width:100%; height:100%; border:0; }


/* ==========================================================================
   Responsive — Visit
   ========================================================================== */

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