/* Fix builder sticky going above topbar */
header.wp-block-template-part {
    position: relative;
    z-index: 999 !important;
}
/* Put the header cover block behind the topbar the classic way */
header.wp-block-template-part .wp-block-cover{
    margin-top: -130px;
}
/* Page constraints similar to a wp-block-group.alignwide */
#build-page-content-wrap > .dhwp-builder-embed {
    max-width: 1800px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
/* Keep the builder sticky from growing when its sticky */
.builder-customer-wrapper .builder-sticky-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: transparent !important;
}
.builder-wrapper.builder-customer-wrapper {
    justify-content: stretch;
}
/* Gutter for builder form */
.builder-wrapper.builder-customer-wrapper .builder-form-consumer {
    margin-left: 20px;
    margin-right: 20px;
}
.builder-product-filter .builder-wrapper.builder-customer-wrapper .builder-form-consumer {
    margin-left: 0px;
    margin-right: 0px;
}
/* Dark text on light (or no) background for mobile build nav */
body .model-build-nav {
    background-color: transparent;
    color: #333;
}
body .model-build-nav *,
body .model-build-nav h1 {
    color: #333 !important;
}
body .model-build-nav h1 strong {
    font-weight: 100;
}

/* Hide the title for the filters */
main.builder-product-filter > .model-build-nav {
    height: 40px;
}
main.builder-product-filter > .model-build-nav > .wrapper > h1 {
    display: none;
}

/* Thinner boarders for accordion headers */
body .builder-wrapper.builder-customer-wrapper fieldset.builder-option-category {
    border-bottom: 1px solid rgba(128,128,128,0.5);
}
/* Let the image be auto-width, but only when enlarged, or interferes with other sticky operations */
.enlarged-images .builder-sticky-wrapper {
    height: auto !important;
}

/* Builder Filter */
body .builder-wrapper.builder-customer-wrapper .dhflex.customer-option-form {
    border-left: 0;
}
/* Responsive grid */
body div.builder-filter-products {
    padding: 20px 0 20px 20px;
    grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width:996px) {
    body div.builder-filter-products {
        grid-template-columns: 1fr 1fr;
    }
}
/* Filter tiles */
body div.builder-filter-products a.builder-filter-product {
    background: white;
    position: relative;
    transition: all .25s ease;
}
body div.builder-filter-products a.builder-filter-product:hover {
    transform: scale(1.02);
}
body div.builder-filter-products a.builder-filter-product img {
    max-width: 90%;
    margin: 0 auto;
}
/* Builder filter footer */
body .builder-filter-footer {
    background: transparent;
}
/* Minor padding to filters */
.sticky-wrapper-builder-filter {
    padding-right: 20px;
}
/* Color on background layer allows us to use white tiles (which support white background JPEGs) */
.builder-filter-products-wrap {
    background: rgba(0,0,0,0.05);
}

/* Share Page */
/* Treatment for the header only for the Share page */
body:has(>.wp-site-blocks>.dhwp-builder-embed>.wp-block-group>.product-shared-page) header.wp-block-template-part > .wp-block-cover {
    height: auto !important;
    min-height: 100px !important;
}
body:has(>.wp-site-blocks>.dhwp-builder-embed>.wp-block-group>.product-shared-page) header.wp-block-template-part > .wp-block-cover > .wp-block-cover__inner-container > .wp-block-group {
    min-height: 100px !important;
}
body:has(>.wp-site-blocks>.dhwp-builder-embed>.wp-block-group>.product-shared-page) header.wp-block-template-part > .wp-block-cover > .wp-block-cover__inner-container > .wp-block-group h2 {
    max-width: 100% !important;
}
body:has(>.wp-site-blocks>.dhwp-builder-embed>.wp-block-group>.product-shared-page) header.wp-block-template-part > .wp-block-cover p {
    display: none;
}
/* Hide (now presumably cloned) title. */
.product-shared-page > .content-area > .dhcolumn > h1:has(+.builder-customer-wrapper) {
    text-indent: -10000px;
}

/* Buttons */
.wp-site-blocks .dhwp-builder-embed button,
.btn,
.btn-small {
    padding: 8px 24px;
    background: rgba(128,128,128,0.1);
    border: 1px solid rgba(128,128,128,0.5) !important;
    font-size: 16px !important;
    cursor: pointer !important;
    border-radius: 0px !important;
    color: black;
    transition: all .25s ease;
}
.wp-site-blocks .dhwp-builder-embed button:hover,
.btn:hover,
.btn-small:hover {
    background: rgba(128,128,128,0.3);
}