/* ============================================================
   eq-blog-styles.css — Blog & single post editorial styles
   ============================================================ */

/* Blog listing — inline breadcrumb (no bar) */
body.page-template-page-blog .eq-blog-breadcrumb .eq-breadcrumb {
    background: transparent !important;
    border: 0 !important;
    font-size: .78rem;
}
body.page-template-page-blog .eq-blog-breadcrumb .eq-breadcrumb div {
    padding: 0;
    max-width: none;
}
body.page-template-page-blog .eq-blog-breadcrumb .eq-breadcrumb a {
    color: #6b7280;
}
body.page-template-page-blog .eq-blog-breadcrumb .eq-breadcrumb a:hover {
    color: #ef4444;
}

/* No sidebar, full-width centered article */
body.single-post .eq-single-grid {
    display: block !important;
    max-width: 720px;
    margin: 0 auto;
}
body.single-post .eq-single-article {
    width: 100% !important;
    max-width: 100% !important;
}

/* Breadcrumb: tiny centered text, no bar */
body.single-post .eq-regular-breadcrumb {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 1rem;
}
body.single-post .eq-regular-breadcrumb .eq-breadcrumb {
    background: transparent !important;
    border: 0 !important;
    font-size: .75rem;
    text-align: center;
}
body.single-post .eq-regular-breadcrumb .eq-breadcrumb div {
    padding: 1.25rem 0 0;
    max-width: none;
}
body.single-post .eq-regular-breadcrumb .eq-breadcrumb a {
    color: #6b7280;
}
body.single-post .eq-regular-breadcrumb .eq-breadcrumb a:hover {
    color: #ef4444;
}
body.single-post .eq-regular-breadcrumb .eq-breadcrumb span:last-child {
    color: #9ca3af;
}

/* Centered header with large title */
body.single-post .eq-regular-header {
    text-align: center;
    margin-bottom: 2.5rem !important;
}
body.single-post .eq-regular-header h1 {
    font-size: 2.5rem !important;
    line-height: 1.25;
}
body.single-post .eq-regular-header .flex {
    justify-content: center;
}

/* Generous typography for content */
body.single-post .eq-post-content {
    font-size: 1.1rem !important;
    line-height: 2 !important;
}

/* Centered thumbnail */
body.single-post .eq-regular-thumb {
    border-radius: 1rem;
    max-width: 100%;
    margin-bottom: 2rem !important;
}

/* Related posts spacing */
body.single-post .eq-related {
    margin-top: 3rem;
}

@media (min-width: 768px) {
    body.single-post .eq-regular-header h1 {
        font-size: 3.5rem !important;
    }
}
