/**
 * Urban Collections - Converged Shared Rules
 *
 * Component rules duplicated across 6 or more collection landing pages,
 * reconciled to one canonical declaration by majority vote
 * (tools/collections-css-baseline.py, run once against the pristine
 * pre-conversion state and then frozen).
 *
 * ENQUEUED ONLY FOR CONVERTED PAGES (router mode html). A page still in php mode
 * carries these rules in its own inline style block, so loading this sheet there
 * would restyle a page nobody has verified. Each page joins at the moment it
 * converts, which keeps the blast radius of one conversion to one page.
 *
 * Load order: urban-collections.css -> THIS FILE -> collections-<slug>.css, so a
 * page can still override anything below.
 *
 * Contains no bucket-URL token: served from the plugin directory where no PHP
 * runs. Asset-referencing CSS belongs in collections-<slug>-urls.php.
 *
 * RULES FOR THIS FILE: no raw px font-sizes (always var(--text-*, NNpx)),
 * unitless line-height only, no apostrophes in comments.
 *
 * Pages contributing so far: studio-12, foundations, dimensionlock-dxl
 */

/* --- unscoped ----------------------------------------------------- */

#flooring_visualizer_block {
    display: flex;
}

#flooring_visualizer_block > * {
    width: 50%;
}

#flooring_visualizer_block_left h2 {
    color: #fff;
}

#flooring_visualizer_block_left p {
    color: #fff;
}

#flooring_visualizer_block_left smallbutton {
    margin-top: calc(var(--grid-gap) * 2);
}

.collections_feature_section_10 .samples_block_row.urban_grid_2 {
    grid-template-columns: 2fr 3fr;
}

.collections_feature_section_11 .collections_feature_content_wrapper {
    position: relative;
}

.collections_feature_section_3 .collections_feature_content_wrapper {
    position: relative;
}

.collections_feature_section_4 .collections_feature_content_wrapper {
    position: relative;
}

.collections_feature_section_5 .collections_feature_content_wrapper {
    background: #09090b;
}

.collections_feature_section_5 hr {
    margin-bottom: var(--grid-gap);
}

.collections_feature_section_6 .urban_grid_2 {
    grid-template-columns: 2fr 3fr;
}

.collections_feature_section_7 .collections_feature_content_wrapper {
    position: relative;
}

.collections_feature_text .collections_feature_logo {
    max-height: 58px;
}

.collections_hero_content {
    max-width: 525px;
}

.collections_hero_content_wrapper.urban_grid_1 {
    margin: calc(var(--grid-gap) * 3);
}

.collections_hero_feature_svg img {
    margin: var(--inner-grid-gap) 0 var(--inner-grid-gap) 0;
    max-width: 120px;
}

.collections_vertical_bar_spacer {
    margin: var(--grid-gap) 0 var(--grid-gap) 0;
}

.exploded_view_wrapper_mobile {
    display: none;
}

.samples_text p {
    color: #fff;
}

.samples_text.urban_grid_2 {
    width: 100%;
}

/* --- @media (max-width: 1024px) --- */
@media (max-width: 1024px) {
    .collections_hero_content_wrapper.urban_grid_1 {
        margin: var(--grid-gap);
    }
    .fener_fullwidth_header_section.collections_feature_section_5 .exploded_view_wrapper_desktop {
        display: none;
    }
    .fener_section.collections_feature_section.collections_feature_section_6 .urban_grid_2 {
        grid-template-columns: auto;
    }
}

/* --- @media (max-width: 600px) --- */
@media (max-width: 600px) {
    .collections_feature_section_11 .collections_feature_text_grid_column img {
        max-width: 60px;
    }
    .collections_feature_section_7 .collections_feature_content_row_grid {
        padding-bottom: var(--inner-grid-gap);
    }
}

/* --- @media (max-width: 768px) --- */
@media (max-width: 768px) {
    #flooring_visualizer_block {
        flex-direction: column-reverse;
    }
    #flooring_visualizer_block img {
        width: 100%;
    }
    #flooring_visualizer_block_left {
        width: 100%;
    }
    .collections_feature_content_intro p {
        padding-bottom: var(--grid-gap);
    }
}

/* --- @media (prefers-color-scheme: dark) --- */
@media (prefers-color-scheme: dark) {
    #flooring_warranty_block #flooring_warranty_badges img {
        filter: invert(1) contrast(1.5);
    }
}

/* --- contributed by foundations ---------------------------------- */

.collections_feature_content_intro h2 {
    color: var(--static-urban-white);
}

.collections_feature_content_intro p {
    color: var(--static-urban-white);
}

/* --- @media (max-width: 768px) --- */
@media (max-width: 768px) {
    .collections_feature_content_intro {
        padding: 2px;
    }
}

/* --- contributed by dimensionlock-dxl ---------------------------- */

.collections_feature_section_5 p {
    color: #fff;
}