/* Location Hubs Consolidated CSS */
/* Combines: base.css, layout.css, location-hubs-enhanced.css */

/* From base.css */
.location-hub-template { max-width: 1200px; margin: 0 auto; padding: 20px; }

/* From layout.css */
.services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; margin: 25px 0; }

/* From location-hubs-enhanced.css */
.location-hero-enhanced { position: relative; margin-bottom: 40px; }
.hero-image-container { position: relative; width: 100%; height: 400px; overflow: hidden; }
.hero-image { width: 100%; height: 100%; object-fit: cover; }
.hero-content { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.8)); color: #ffffff; padding: 30px; }
.location-title { font-size: 2.2rem; margin: 0 0 15px; color: white; }
.service-card { background: white; border: 1px solid #e0e0e0; padding: 20px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.service-button { display: inline-block; background: linear-gradient(135deg, #0d1b6b, #2196F3); color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-weight: 600; margin-top: 12px; }

@media (max-width: 768px) { 
    .services-grid { grid-template-columns: 1fr; } 
    .hero-content { padding: 20px; }
    .hero-image-container { height: 300px; }
}