/**
 * PWD 2026 — Standard Pages + Blog
 * v3.2.0
 *
 * Presentation only.
 * No WPBakery structure, post loops, widgets, content or URLs are changed.
 */

/* =========================================================
   Shared canvas
   ========================================================= */
body.pwd-2026.pwd-standard-page,
body.pwd-2026.pwd-blog-index,
body.pwd-2026.pwd-blog-post,
body.pwd-2026.pwd-standard-page .site,
body.pwd-2026.pwd-blog-index .site,
body.pwd-2026.pwd-blog-post .site,
body.pwd-2026.pwd-standard-page .site-content,
body.pwd-2026.pwd-blog-index .site-content,
body.pwd-2026.pwd-blog-post .site-content,
body.pwd-2026.pwd-standard-page #page,
body.pwd-2026.pwd-blog-index #page,
body.pwd-2026.pwd-blog-post #page {
    background: var(--pwd-bg) !important;
    color: var(--pwd-text);
}

/* =========================================================
   PAGE / POST MASTHEAD
   Keep Listify mechanics, replace legacy charcoal slab.
   ========================================================= */

body.pwd-2026.pwd-standard-page .page-cover,
body.pwd-2026.pwd-blog-index .page-cover,
body.pwd-2026.pwd-blog-post .page-cover,
body.pwd-2026.pwd-blog-post .entry-cover,
body.pwd-2026.pwd-blog-index .entry-cover {
    margin: 0 !important;
    padding: 54px var(--pwd-gutter) 42px !important;
    background-color: var(--pwd-bg) !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* No-image title treatment: simple editorial title on ivory. */
body.pwd-2026.pwd-standard-page .page-cover:not(.has-image) .cover-wrapper,
body.pwd-2026.pwd-blog-index .page-cover:not(.has-image) .cover-wrapper,
body.pwd-2026.pwd-blog-post .page-cover:not(.has-image) .cover-wrapper,
body.pwd-2026.pwd-blog-post .entry-cover:not(.has-image) .cover-wrapper,
body.pwd-2026.pwd-blog-index .entry-cover:not(.has-image) .cover-wrapper {
    max-width: 1180px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* If the page/post really has a cover image, preserve it — but contain it. */
body.pwd-2026.pwd-standard-page .page-cover.has-image,
body.pwd-2026.pwd-blog-index .page-cover.has-image,
body.pwd-2026.pwd-blog-post .page-cover.has-image,
body.pwd-2026.pwd-blog-post .entry-cover.has-image,
body.pwd-2026.pwd-blog-index .entry-cover.has-image {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

body.pwd-2026.pwd-standard-page .page-cover.has-image .cover-wrapper,
body.pwd-2026.pwd-blog-index .page-cover.has-image .cover-wrapper,
body.pwd-2026.pwd-blog-post .page-cover.has-image .cover-wrapper,
body.pwd-2026.pwd-blog-post .entry-cover.has-image .cover-wrapper,
body.pwd-2026.pwd-blog-index .entry-cover.has-image .cover-wrapper {
    max-width: 1180px !important;
    min-height: 360px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    box-shadow: none !important;
}

/* Refined overlay only where an actual image exists. */
body.pwd-2026.pwd-standard-page .page-cover.has-image::after,
body.pwd-2026.pwd-blog-index .page-cover.has-image::after,
body.pwd-2026.pwd-blog-post .page-cover.has-image::after,
body.pwd-2026.pwd-blog-post .entry-cover.has-image::after,
body.pwd-2026.pwd-blog-index .entry-cover.has-image::after {
    background: linear-gradient(90deg, rgba(18,18,16,.48), rgba(18,18,16,.18)) !important;
}

/* Page/post title sizing: intentionally restrained versus global H1. */
body.pwd-2026.pwd-standard-page .page-cover h1,
body.pwd-2026.pwd-blog-index .page-cover h1,
body.pwd-2026.pwd-blog-post .page-cover h1,
body.pwd-2026.pwd-blog-post .entry-cover h1,
body.pwd-2026.pwd-blog-index .entry-cover h1,
body.pwd-2026.pwd-standard-page .page-cover .page-title,
body.pwd-2026.pwd-blog-index .page-cover .page-title,
body.pwd-2026.pwd-blog-post .page-cover .entry-title,
body.pwd-2026.pwd-blog-post .entry-cover .entry-title {
    max-width: 920px !important;
    margin: 0 !important;
    color: var(--pwd-text) !important;
    -webkit-text-fill-color: var(--pwd-text) !important;
    font-family: var(--pwd-font-display) !important;
    font-size: clamp(38px, 4.4vw, 58px) !important;
    font-weight: 400 !important;
    letter-spacing: -.015em !important;
    line-height: 1.06 !important;
    text-align: left !important;
    text-shadow: none !important;
}

/* Center white text on actual image covers. */
body.pwd-2026.pwd-standard-page .page-cover.has-image h1,
body.pwd-2026.pwd-blog-index .page-cover.has-image h1,
body.pwd-2026.pwd-blog-post .page-cover.has-image h1,
body.pwd-2026.pwd-blog-post .entry-cover.has-image h1,
body.pwd-2026.pwd-standard-page .page-cover.has-image .page-title,
body.pwd-2026.pwd-blog-index .page-cover.has-image .page-title,
body.pwd-2026.pwd-blog-post .page-cover.has-image .entry-title,
body.pwd-2026.pwd-blog-post .entry-cover.has-image .entry-title {
    margin-left: auto !important;
    margin-right: auto !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-align: center !important;
    text-shadow: 0 1px 18px rgba(0,0,0,.12) !important;
}

/* =========================================================
   STANDARD WORDPRESS PAGES
   ========================================================= */

body.pwd-2026.pwd-standard-page #content,
body.pwd-2026.pwd-standard-page #primary,
body.pwd-2026.pwd-standard-page #main,
body.pwd-2026.pwd-standard-page .content-area {
    background: var(--pwd-bg) !important;
    box-shadow: none !important;
}

/* Remove the legacy floating sheet / hard keyline. */
body.pwd-2026.pwd-standard-page #main > .content-box,
body.pwd-2026.pwd-standard-page #main > article,
body.pwd-2026.pwd-standard-page article.page,
body.pwd-2026.pwd-standard-page article.page > .content-box {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Comfortable editorial content width, but do not constrain WPBakery full-width rows. */
body.pwd-2026.pwd-standard-page article.page > .entry-content,
body.pwd-2026.pwd-standard-page #main > article.page > .entry-content {
    max-width: 1040px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 26px var(--pwd-gutter) 78px !important;
}

/* WPBakery rows are allowed to control their own geometry. */
body.pwd-2026.pwd-standard-page .entry-content > .vc_row,
body.pwd-2026.pwd-standard-page .entry-content > .wpb-content-wrapper {
    max-width: none;
}

/* Page typography */
body.pwd-2026.pwd-standard-page .entry-content {
    color: #49453f;
    font-size: 16px;
    line-height: 1.72;
}

body.pwd-2026.pwd-standard-page .entry-content p {
    margin-bottom: 1.25em;
}

body.pwd-2026.pwd-standard-page .entry-content h2 {
    margin: 48px 0 18px !important;
    color: var(--pwd-text) !important;
    font-size: clamp(28px, 3vw, 40px) !important;
    line-height: 1.1 !important;
}

body.pwd-2026.pwd-standard-page .entry-content h3 {
    margin: 34px 0 14px !important;
    color: var(--pwd-text) !important;
    font-size: clamp(22px, 2.1vw, 29px) !important;
    line-height: 1.16 !important;
}

/* Old WPBakery/page-builder keylines and shadows should disappear. */
body.pwd-2026.pwd-standard-page .entry-content .content-box,
body.pwd-2026.pwd-standard-page .entry-content .wpb_wrapper,
body.pwd-2026.pwd-standard-page .entry-content .vc_column-inner {
    box-shadow: none;
}

/* Preserve deliberate builder backgrounds/images; only remove old black outlines. */
body.pwd-2026.pwd-standard-page .entry-content .content-box {
    border-color: transparent !important;
}

/* FAQ / accordion-style lists */
body.pwd-2026.pwd-standard-page .entry-content .vc_tta-panel,
body.pwd-2026.pwd-standard-page .entry-content .vc_toggle {
    border-color: #ddd6cc !important;
}

body.pwd-2026.pwd-standard-page .entry-content .vc_tta-panel-title,
body.pwd-2026.pwd-standard-page .entry-content .vc_toggle_title {
    font-family: var(--pwd-font-body) !important;
}

/* =========================================================
   BLOG INDEX / POSTS PAGE
   ========================================================= */

body.pwd-2026.pwd-blog-index #content,
body.pwd-2026.pwd-blog-index #primary,
body.pwd-2026.pwd-blog-index #main,
body.pwd-2026.pwd-blog-index .content-area {
    background: var(--pwd-bg) !important;
}

body.pwd-2026.pwd-blog-index #content > .container,
body.pwd-2026.pwd-blog-index .site-content > .container {
    max-width: 1180px !important;
}

/* Main post list: no giant shadowed column wrapper. */
body.pwd-2026.pwd-blog-index #main {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Each post becomes its own quiet white editorial card. */
body.pwd-2026.pwd-blog-index #main article.type-post,
body.pwd-2026.pwd-blog-index #main .type-post.content-box,
body.pwd-2026.pwd-blog-index #main article.type-post > .content-box {
    margin-bottom: 26px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid rgba(32,32,30,.075) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}

body.pwd-2026.pwd-blog-index #main article.type-post:hover,
body.pwd-2026.pwd-blog-index #main .type-post.content-box:hover {
    box-shadow: var(--pwd-shadow-soft) !important;
}

/* Featured image treatment */
body.pwd-2026.pwd-blog-index #main article.type-post img,
body.pwd-2026.pwd-blog-index #main .type-post img {
    width: 100%;
}

/* Blog-card inner spacing */
body.pwd-2026.pwd-blog-index #main article.type-post .entry-header,
body.pwd-2026.pwd-blog-index #main article.type-post .entry-summary,
body.pwd-2026.pwd-blog-index #main article.type-post .entry-content,
body.pwd-2026.pwd-blog-index #main article.type-post .entry-footer {
    padding-left: 28px !important;
    padding-right: 28px !important;
}

body.pwd-2026.pwd-blog-index #main article.type-post .entry-title,
body.pwd-2026.pwd-blog-index #main article.type-post h2 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    color: var(--pwd-text) !important;
    font-family: var(--pwd-font-display) !important;
    font-size: 27px !important;
    font-weight: 400 !important;
    line-height: 1.14 !important;
}

body.pwd-2026.pwd-blog-index #main article.type-post .entry-meta {
    color: var(--pwd-text-soft) !important;
    font-size: 12px !important;
}

body.pwd-2026.pwd-blog-index #main article.type-post .entry-summary,
body.pwd-2026.pwd-blog-index #main article.type-post .entry-content {
    color: #57524c !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* "Read More" follows the site's established accent button language. */
body.pwd-2026.pwd-blog-index #main .more-link,
body.pwd-2026.pwd-blog-index #main a.read-more {
    display: inline-block !important;
    margin-top: 8px !important;
    padding: 9px 18px !important;
    border-radius: 999px !important;
    background: var(--pwd-accent) !important;
    color: #fff !important;
    font-family: var(--pwd-font-body) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* =========================================================
   BLOG SINGLE
   ========================================================= */

body.pwd-2026.pwd-blog-post #content,
body.pwd-2026.pwd-blog-post #primary,
body.pwd-2026.pwd-blog-post #main,
body.pwd-2026.pwd-blog-post .content-area {
    background: var(--pwd-bg) !important;
}

/* Remove the long floating "paper" column. */
body.pwd-2026.pwd-blog-post #main,
body.pwd-2026.pwd-blog-post #main > article,
body.pwd-2026.pwd-blog-post article.type-post,
body.pwd-2026.pwd-blog-post article.type-post > .content-box {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.pwd-2026.pwd-blog-post article.type-post .entry-content,
body.pwd-2026.pwd-blog-post article.type-post .entry-header,
body.pwd-2026.pwd-blog-post article.type-post .entry-footer {
    color: #49453f;
}

body.pwd-2026.pwd-blog-post article.type-post .entry-content {
    font-size: 16px !important;
    line-height: 1.75 !important;
}

body.pwd-2026.pwd-blog-post article.type-post .entry-content p {
    margin-bottom: 1.35em;
}

body.pwd-2026.pwd-blog-post article.type-post .entry-meta {
    margin-bottom: 28px !important;
    color: var(--pwd-text-soft) !important;
    font-family: var(--pwd-font-body) !important;
    font-size: 12px !important;
}

/* =========================================================
   BLOG SIDEBAR — same language as Host/Single Listing sidebars
   ========================================================= */

body.pwd-2026.pwd-blog-index #secondary,
body.pwd-2026.pwd-blog-post #secondary {
    align-self: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #e8e2da !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 34px rgba(34,31,28,.08) !important;
}

body.pwd-2026.pwd-blog-index #secondary .widget,
body.pwd-2026.pwd-blog-post #secondary .widget {
    margin: 0 !important;
    padding: 24px 22px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.pwd-2026.pwd-blog-index #secondary .widget-title,
body.pwd-2026.pwd-blog-post #secondary .widget-title {
    margin: 0 0 20px !important;
    padding: 0 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #d8d1c8 !important;
    color: var(--pwd-text) !important;
    font-family: var(--pwd-font-display) !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

/* Workshop cards used inside blog sidebars retain established card system. */
body.pwd-2026.pwd-blog-index #secondary .type-job_listing .content-box,
body.pwd-2026.pwd-blog-post #secondary .type-job_listing .content-box {
    overflow: hidden !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

/* =========================================================
   Pagination
   ========================================================= */

body.pwd-2026.pwd-blog-index .pagination,
body.pwd-2026.pwd-blog-index .nav-links {
    margin: 40px 0 72px !important;
}

body.pwd-2026.pwd-blog-index .pagination a,
body.pwd-2026.pwd-blog-index .pagination span,
body.pwd-2026.pwd-blog-index .nav-links a,
body.pwd-2026.pwd-blog-index .nav-links span {
    border-radius: 7px !important;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 991px) {
    body.pwd-2026.pwd-standard-page .page-cover,
    body.pwd-2026.pwd-blog-index .page-cover,
    body.pwd-2026.pwd-blog-post .page-cover,
    body.pwd-2026.pwd-blog-post .entry-cover {
        padding-top: 38px !important;
        padding-bottom: 30px !important;
    }

    body.pwd-2026.pwd-blog-index #secondary,
    body.pwd-2026.pwd-blog-post #secondary {
        margin-top: 34px !important;
    }
}

@media (max-width: 767px) {
    body.pwd-2026.pwd-standard-page .page-cover h1,
    body.pwd-2026.pwd-blog-index .page-cover h1,
    body.pwd-2026.pwd-blog-post .page-cover h1,
    body.pwd-2026.pwd-blog-post .entry-cover h1,
    body.pwd-2026.pwd-standard-page .page-cover .page-title,
    body.pwd-2026.pwd-blog-index .page-cover .page-title,
    body.pwd-2026.pwd-blog-post .page-cover .entry-title,
    body.pwd-2026.pwd-blog-post .entry-cover .entry-title {
        font-size: 36px !important;
    }

    body.pwd-2026.pwd-standard-page article.page > .entry-content,
    body.pwd-2026.pwd-standard-page #main > article.page > .entry-content {
        padding-left: 18px !important;
        padding-right: 18px !important;
        padding-bottom: 54px !important;
    }

    body.pwd-2026.pwd-blog-index #main article.type-post .entry-header,
    body.pwd-2026.pwd-blog-index #main article.type-post .entry-summary,
    body.pwd-2026.pwd-blog-index #main article.type-post .entry-content,
    body.pwd-2026.pwd-blog-index #main article.type-post .entry-footer {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}


/* =========================================================
   v3.2.1 — BLOG AUTHOR AVATAR ASPECT-RATIO FIX
   Target blog metadata only; do not alter account/host avatars.
   ========================================================= */

body.pwd-2026.pwd-blog-index .entry-meta img.avatar,
body.pwd-2026.pwd-blog-post .entry-meta img.avatar,
body.pwd-2026.pwd-blog-index .author-avatar img,
body.pwd-2026.pwd-blog-post .author-avatar img {
    display: inline-block !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
}