/* ============================================================
   Blog page (ID 175) + single post template (176) + Blog Card (174)
   Card hover comes from .parkdog-project-card in style.css.
   ============================================================ */

/* --- Single post: content typography Elementor can't set per-element --- */
.parkdog-post-content h2,
.parkdog-post-content h3 {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    color: #1B4332;
    line-height: 1.25;
    margin: 36px 0 14px;
}
.parkdog-post-content h2 { font-size: 26px; }
.parkdog-post-content h3 { font-size: 20px; }
.parkdog-post-content p { margin: 0 0 20px; }
.parkdog-post-content p:last-child { margin-bottom: 0; }
.parkdog-post-content ul,
.parkdog-post-content ol { margin: 0 0 20px; padding-left: 24px; }
.parkdog-post-content li { margin-bottom: 8px; }
.parkdog-post-content a { color: #D4714E; text-decoration: underline; }
.parkdog-post-content a:hover { color: #C0603F; }
.parkdog-post-content img { max-width: 100%; height: auto; border-radius: 20px; }
.parkdog-post-content blockquote {
    border-left: 4px solid #D4714E;
    margin: 0 0 20px;
    padding: 4px 0 4px 20px;
    color: #6B7B83;
    font-style: italic;
}

/* --- Prev/next navigation --- */
.parkdog-post-nav .post-navigation__prev--label,
.parkdog-post-nav .post-navigation__next--label {
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #6B7B83;
}
.parkdog-post-nav .post-navigation__prev--title,
.parkdog-post-nav .post-navigation__next--title {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #1B4332;
    transition: color 0.2s;
}
.parkdog-post-nav a:hover .post-navigation__prev--title,
.parkdog-post-nav a:hover .post-navigation__next--title { color: #D4714E; }
.parkdog-post-nav .post-navigation__arrow-wrapper { color: #D4714E; }
.parkdog-post-nav .elementor-post-navigation__separator { background-color: #E8E4DC; }
.parkdog-post-nav .elementor-post-navigation { border-top: 1px solid #E8E4DC; padding-top: 24px; }

/* --- Blog grid pagination --- */
.parkdog-blog-grid nav[aria-label] { margin-top: 40px; text-align: center; }
.parkdog-blog-grid .page-numbers {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #6B7B83;
    display: inline-block;
    min-width: 36px;
    padding: 9px 10px 7px;
    margin: 0 3px;
    border-radius: 18px;
    transition: all 0.2s;
}
.parkdog-blog-grid a.page-numbers:hover { background: #E8EFE6; color: #1B4332; }
.parkdog-blog-grid .page-numbers.current { background: #1B4332; color: #FFFFFF; }

/* --- Related posts: hide the whole section while there are no other posts --- */
.parkdog-related-posts:not(:has(.e-loop-item)) { display: none; }

/* --- Blog card: uniform image crop (Elementor's aspect_ratio emits no CSS) --- */
.parkdog-blog-card .elementor-widget-image img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

/* --- Blog card: keep title link colors inherited from the heading --- */
.parkdog-blog-card h4 a { color: inherit; transition: color 0.2s; }
.parkdog-blog-card h4 a:hover { color: #D4714E; }

/* --- Responsive: match other pages' page-header behaviour --- */
@media (max-width: 767px) {
    .page-id-175 .parkdog-page-header,
    .single-post .parkdog-page-header { padding: 40px 24px !important; }
    .page-id-175 .parkdog-page-header .elementor-widget-heading h2,
    .single-post .parkdog-page-header .parkdog-post-title h1 {
        font-size: 30px !important;
        line-height: 1.15 !important;
    }
}