/* Styles for the SEO landing pages (/<slug>/index.html). Builds on .backache-full in style.css. */

.seo-page .breadcrumb {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 15px;
}

.seo-page .breadcrumb a {
    color: #0a5ca8;
    text-decoration: none;
}

.seo-page .breadcrumb a:hover {
    text-decoration: underline;
}

.seo-page .breadcrumb .sep {
    margin: 0 6px;
    color: #9ca3af;
}

.seo-page h3 {
    font-size: 19px;
    color: #063970;
    margin: 20px 0 8px;
}

.seo-page p a,
.seo-page li a {
    color: #0a5ca8;
}

.seo-page ol {
    padding-left: 30px;
    margin-bottom: 25px;
}

.seo-page ol li {
    margin-bottom: 10px;
    font-size: 16px;
    color: #444;
}

/* Related pages box */
.related-links {
    background: #f0f7ff;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    padding: 20px 25px;
    margin: 35px 0;
}

.related-links h2 {
    margin-top: 0 !important;
}

.related-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.related-grid a {
    display: inline-block;
    background: #fff;
    color: #0a5ca8;
    border: 1px solid #bfdbfe;
    border-radius: 20px;
    padding: 8px 16px;
    font-size: 15px;
    text-decoration: none;
    transition: 0.2s ease;
}

.related-grid a:hover {
    background: #0a5ca8;
    color: #fff;
}

/* Clinic details on location pages */
.seo-page .clinic-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    align-items: start;
    margin: 20px 0 30px;
}

.seo-page .clinic-info .clinic-card:hover {
    transform: none;
}

.seo-page .clinic-info .clinic-card p {
    text-align: left;
    font-size: 16px;
}

.seo-page .clinic-map iframe {
    width: 100%;
    height: 350px;
    border: 0;
}

.seo-page .clinics-grid {
    margin: 20px 0 30px;
}

@media (max-width: 900px) {
    .seo-page .clinic-info {
        grid-template-columns: 1fr;
    }
    .seo-page .clinics-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .backache-full.seo-page {
        padding: 30px 16px;
    }
    .backache-full.seo-page h1 {
        font-size: 28px;
    }
    .related-links {
        padding: 16px;
    }
}