/*
Theme Name: Astra Child - Coogle Locations
Template: astra
Version: 1.0
*/

.location-page section { max-width: 1100px; margin: 0 auto; padding: 40px 20px; }

.loc-hero { background-size: cover; background-position: center; padding: 80px 20px; text-align: center; color: #fff; background-color: #1a1a1a; }
.loc-hero__inner { max-width: 700px; margin: 0 auto; }
.loc-hero h1 { font-size: 2.2rem; margin-bottom: 10px; }
.loc-region-tag { display: inline-block; background: rgba(255,255,255,0.15); padding: 4px 12px; border-radius: 20px; font-size: 0.85rem; margin-bottom: 16px; }
.loc-hero__line { font-size: 1.1rem; margin-bottom: 24px; }

.loc-cta-buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.btn { display: inline-block; padding: 12px 28px; border-radius: 6px; text-decoration: none; font-weight: 600; }
.btn-whatsapp { background: #25D366; color: #fff; }
.btn-call { background: #fff; color: #1a1a1a; border: 2px solid #1a1a1a; }

.loc-subareas__grid, .loc-services__grid, .loc-trust__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.loc-subarea-card img { width: 100%; height: 140px; object-fit: cover; border-radius: 8px; }
.loc-service-card { display: block; padding: 20px; background: #f5f5f5; border-radius: 8px; text-align: center; text-decoration: none; color: #1a1a1a; font-weight: 600; }
.loc-trust-item { padding: 20px; background: #f5f5f5; border-radius: 8px; text-align: center; }

.loc-faq-item { border-bottom: 1px solid #e0e0e0; padding: 16px 0; }
.loc-other-areas__list { display: flex; flex-wrap: wrap; gap: 8px 20px; list-style: none; padding: 0; }

.loc-final-cta { text-align: center; background: #f0f0f0; border-radius: 12px; }

.loc-directory-region h2 { border-bottom: 2px solid #eee; padding-bottom: 8px; margin-bottom: 16px; }
.loc-directory-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px 20px; list-style: none; padding: 0; }
.loc-directory-list a { text-decoration: none; color: #1a1a1a; font-weight: 600; }
.loc-directory-list a:hover { text-decoration: underline; }