/* M&D Home Builders Search + AI Suite v1.3.1
 * Solid opaque Bricks header, including BOTH horizontal header rows.
 * The old v1.3.0 rule explicitly made header sections transparent, allowing
 * the hero photograph to show through the actual logo and menu bands.
 * These rules apply only inside the global Bricks header. They do not touch
 * the site's content sections, footer, or menu popovers.
 */
html body #brx-header,
html body #bricks-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: var(--wp-admin--admin-bar--height, 0px) !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    z-index: 9900 !important;
    background: #090909 !important;
    background-color: #090909 !important;
    background-image: none !important;
    opacity: 1 !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.2);
}
/* CRITICAL FIX: Paint the SECTION bands themselves black, not transparent.
 * Bricks often nests the header section beneath intermediate wrappers, so
 * select descendant .brxe-section as well as direct children.
 */
html body #brx-header .brxe-section,
html body #brx-header > .brxe-container,
html body #brx-header > .brxe-block,
html body #brx-header > .brxe-div,
html body #brx-header > .brx-nestable,
html body #bricks-header .brxe-section,
html body #bricks-header > .bricks-container {
    background: #090909 !important;
    background-color: #090909 !important;
    background-image: none !important;
    opacity: 1 !important;
}
/* Bricks places its actual row contents in width-constrained containers.
 * Remove their translucent/background-image fills so the OPAQUE parent band
 * extends to both screen edges. Do not recolor buttons or menu overlays.
 */
html body #brx-header .brxe-section > .brxe-container,
html body #brx-header .brxe-section > .brxe-block,
html body #brx-header .brxe-section > .brxe-div,
html body #bricks-header .brxe-section > .brxe-container {
    background-color: transparent !important;
    background-image: none !important;
}
/* Neutralize photographic section overlays that may be implemented with
 * ::before/::after. Do not suppress icons or pseudo-elements on controls. */
html body #brx-header .brxe-section::before,
html body #brx-header .brxe-section::after,
html body #bricks-header .brxe-section::before,
html body #bricks-header .brxe-section::after {
    background-image: none !important;
    background-color: transparent !important;
}
/* Keep the existing fixed-position behavior even if Bricks adds slide-up
 * classes during scrolling. */
html body #brx-header.slide-up,
html body #brx-header.scrolling,
html body #bricks-header.slide-up,
html body #bricks-header.scrolling {
    transform: none !important;
    background-color: #090909 !important;
}
@media (min-width: 1024px) {
    html body #brx-header .bricks-nav-menu > li > a,
    html body #bricks-header .bricks-nav-menu > li > a {
        color: #fff !important;
    }
    html body #brx-header .bricks-nav-menu > li > a:hover,
    html body #brx-header .bricks-nav-menu > li > a:focus-visible,
    html body #bricks-header .bricks-nav-menu > li > a:hover,
    html body #bricks-header .bricks-nav-menu > li > a:focus-visible {
        color: #d7b78d !important;
    }
}