/* Blog font fix - override blog.css font styles */
body.lang-en,
html body.lang-en {
    font-family: 'Open Sans', sans-serif !important;
    line-height: 1.6 !important;
    color: #333 !important;
}

/* Heading styles */
body.lang-en h1,
body.lang-en h2,
body.lang-en h3,
body.lang-en h4,
body.lang-en h5,
body.lang-en h6,
html body.lang-en h1,
html body.lang-en h2,
html body.lang-en h3,
html body.lang-en h4,
html body.lang-en h5,
html body.lang-en h6 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
}

/* Blog specific elements */
body.lang-en .blog-title,
body.lang-en .blog-title a,
html body.lang-en .blog-title,
html body.lang-en .blog-title a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

body.lang-en .blog-excerpt,
html body.lang-en .blog-excerpt {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    color: #666 !important;
}

/* Navigation menu items */
body.lang-en .nav-menu a,
html body.lang-en .nav-menu a {
    font-family: 'Open Sans', 'Montserrat', Arial, sans-serif !important;
    text-transform: none !important;
}

/* Fix blog header */
body.lang-en .blog-header h1,
html body.lang-en .blog-header h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.8rem !important;
}

/* Blog post page header - smaller font */
body.lang-en .blog-main .blog-header h1,
html body.lang-en .blog-main .blog-header h1 {
    font-size: 2rem !important;
}

/* Mobile responsive for blog post page */
@media (max-width: 768px) {
    body.lang-en .blog-main .blog-header h1,
    html body.lang-en .blog-main .blog-header h1 {
        font-size: 1.5rem !important;
    }
}