/* SEO landing pages — lightweight, performance-focused */
:root {
    --coachini-primary: #0d6e6e;
    --coachini-primary-dark: #095555;
    --coachini-accent: #f4a261;
    --coachini-light: #f0f9f9;
    --coachini-dark: #1a2e2e;
}

body { font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif; color: var(--coachini-dark); }
a { color: var(--coachini-primary); text-decoration: none; transition: color .25s ease; }
a:hover, a:focus { color: var(--coachini-accent, #f4a261); }
a.nav-mobile-cta__btn--primary,
a.nav-mobile-cta__btn--primary:hover,
a.nav-mobile-cta__btn--primary:focus,
a.nav-btn--primary,
a.nav-btn--primary:hover,
a.nav-btn--primary:focus { color: #fff !important; }
.text-coachini { color: var(--coachini-primary); }
.bg-coachini-light { background-color: var(--coachini-light); }
.btn-coachini { background: var(--coachini-primary); border-color: var(--coachini-primary); color: #fff; text-decoration: none; }
.btn-coachini:hover { background: var(--coachini-primary-dark); border-color: var(--coachini-primary-dark); color: #fff; text-decoration: none; }
.btn-outline-coachini { color: var(--coachini-primary); border: 1px solid var(--coachini-primary); text-decoration: none; }
.btn-outline-coachini:hover { background: var(--coachini-primary); color: #fff; text-decoration: none; }
.seo-main { min-height: 60vh; }
.geo-summary { background: var(--coachini-light); border-radius: 1rem; padding: 1.25rem; }
.semantic-tags .badge { font-weight: 500; }
.city-tile {
    padding: 0.75rem 1rem;
    border: 1px solid rgba(13,110,110,.12);
    border-radius: .5rem;
    background: #fff;
    color: var(--coachini-dark);
    text-decoration: none;
}
.city-tile:hover,
.city-tile:focus {
    border-color: var(--coachini-primary);
    background: var(--coachini-light);
    text-decoration: none;
}
.city-name,
.city-count {
    text-decoration: none;
}
.chip-btn { border-radius: 999px; border: 1px solid rgba(13,110,110,.2); background: #fff; text-decoration: none; }
.chip-btn:hover { text-decoration: none; }
.coach-avatar { width: 4rem; height: 4rem; border-radius: 50%; background: linear-gradient(135deg, var(--coachini-primary), #14a3a3); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.breadcrumb a,
.breadcrumb-item a {
    text-decoration: none;
}
.breadcrumb a:hover,
.breadcrumb-item a:hover {
    text-decoration: none;
    color: var(--coachini-primary-dark);
}