/*
 * Unified title bar styling for all non-home templates.
 * Keeps home/front-page free to retain custom hero behavior.
 */

body:not(.home):not(.front-page) header.entry-header.blog-header,
body:not(.home):not(.front-page) header.entry-header.single-page-header,
body:not(.home):not(.front-page) header.entry-header.single-page-header.portfolio-category-header {
    background-image: url('https://bricksandbloomsja.com/wp-content/uploads/2026/04/pexels-hande-k-uyanik-15862690-37053661-scaled-e1777695824237.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
}

body:not(.home):not(.front-page) header.entry-header.blog-header::before,
body:not(.home):not(.front-page) header.entry-header.single-page-header::before,
body:not(.home):not(.front-page) header.entry-header.single-page-header.portfolio-category-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(20, 10, 8, 0.22) 0%, rgba(20, 10, 8, 0.26) 100%);
    pointer-events: none;
    z-index: 1;
}

body:not(.home):not(.front-page) header.entry-header .header-overlay.parallax-overlay {
    display: none !important;
}

body:not(.home):not(.front-page) header.entry-header .blog-page-heading,
body:not(.home):not(.front-page) header.entry-header .single-page-heading,
body:not(.home):not(.front-page) header.entry-header .container {
    text-align: center !important;
}

body:not(.home):not(.front-page) header.entry-header .blog-page-heading,
body:not(.home):not(.front-page) header.entry-header .single-page-heading {
    display: flex !important;
    justify-content: center !important;
    position: relative;
    z-index: 2;
}

body:not(.home):not(.front-page) header.entry-header .blog-page-heading > .container,
body:not(.home):not(.front-page) header.entry-header .single-page-heading > .container {
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    width: auto !important;
    max-width: min(calc(100% - 32px), 980px);
    margin: 0 auto;
    padding: 16px 22px;
    border-radius: 18px;
    background: rgba(251, 248, 246, 0.78) !important;
    border: 1px solid rgba(255, 255, 255, 0.55);
    box-shadow: 0 10px 24px rgba(40, 25, 20, 0.16);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    position: relative;
    z-index: 3;
}

body:not(.home):not(.front-page) header.entry-header .section-heading,
body:not(.home):not(.front-page) header.entry-header .section-subheading,
body:not(.home):not(.front-page) header.entry-header .breadcrumbs,
body:not(.home):not(.front-page) header.entry-header .breadcrumbs a,
body:not(.home):not(.front-page) header.entry-header .breadcrumbs span {
    color: #e9477a !important;
}

body:not(.home):not(.front-page) header.entry-header .section-heading {
    text-shadow: 0 1px 4px rgba(20, 10, 8, 0.22), 0 1px 1px rgba(20, 10, 8, 0.16);
}

body:not(.home):not(.front-page) header.entry-header .breadcrumbs,
body:not(.home):not(.front-page) header.entry-header .breadcrumbs a,
body:not(.home):not(.front-page) header.entry-header .breadcrumbs span {
    text-shadow: none !important;
}

body:not(.home):not(.front-page) header.entry-header .section-heading,
body:not(.home):not(.front-page) header.entry-header .breadcrumbs {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
}

body:not(.home):not(.front-page) header.entry-header .breadcrumbs {
    margin-top: 12px;
    background: transparent !important;
    padding: 0 !important;
}

@media (max-width: 767px) {
    body:not(.home):not(.front-page) header.entry-header .blog-page-heading > .container,
    body:not(.home):not(.front-page) header.entry-header .single-page-heading > .container {
        padding: 14px 16px;
        border-radius: 14px;
    }
}