////
///
/// Robin Site Styles
/// ===========================================================================
///
/// Component classes the scapepress sites use under the `ss-c-` prefix,
/// moved here from the removed `32-utilities/_scapepress-parity.scss` shim.
/// Forwarded from `31-modules/_index.scss` ahead of every module, so at
/// equal specificity a native module rule wins.
///
/// 70 blocks, each still marked with the site and file it came from.
/// Values read `--ss-*` tokens in place of the sites' own Sass and
/// custom-property variables.
///
/// @group Modules.Robin
/// @author Scape Press
/// @link https://scape.style
/// @since 0.6.0
/// @access public
///
////

@use "../../01-core/external" as *;

// ============================================================================
// Output
// ============================================================================

@layer ss.components {
    // -- fit_text  (from site-scape_agency/src/static/scss/_base.scss) --
    .ss-c-fit_text {
        margin-top: auto;
        line-height: 120%;
        font-variation-settings: "wght" 900;
        font-size: clamp(q(16), min(12vw, 18vh), q(165));
    }

    // -- robin_grid_row_posisiton_1  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_grid_row_position_1 {
        grid-row-start: 1;
        // Mobile default (under 576px)
        // (stripped @include)
        @media (min-width: q(576)) {
        // (stripped @include)
        }

        @media (min-width: q(768)) {
        // (stripped @include)
        }

        @media (min-width: q(992)) {
        // (stripped @include)
        }

        @media (min-width: q(1200)) {
        // (stripped @include)
        }

        @media (min-width: q(1400)) {
        // (stripped @include)
        }
    }

    // -- robin-hero--title  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin-hero--title {
        font-size: q(48);
        line-height: q(60);
        font-weight: 278;
        font-variation-settings:
            'wght' 278,
            'wdth' 400;
        position: absolute;
        bottom: q(48);
        left: q(20);
        max-width: calc(60vw - q(30.4));
        padding-left: q(80);
    }

    // -- reset_robin  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-reset_robin {
        margin-top: q(32);
        margin: 0;
        padding: 0;
    }

    // -- robinsreset  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robinsreset {
        max-width: 50%;
        min-width: 30%;
    }

    // -- r-lineight  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-r-lineheight {
        line-height: 1.5;
        // max-width: 65ch;
    }

    // -- robin-afbeelding2  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin-afbeelding2 {
        max-width: 80%;
        height: auto;
        width: q(320);
    }

    // -- grid__frame--3_robin_2  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-grid__frame--3_robin_2 {
        display: grid;
        position: relative;
        grid-template-columns: repeat(3, 1fr);
        gap: q(20);
        grid-gap: q(48);
    }

    // -- robin_placements_pics  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_placements_pics {
        grid-row-start: 2;
        grid-column-start: 2;
    }

    // -- robin_grid_one  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_grid_one {
        display: grid;
    }

    // -- spacing_robin_visie  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-spacing_robin_visie {
        // (stripped @include)
    }

    // -- robin_sec_2  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_sec_2 {
        display: grid;
        grid-template-columns: 2fr 3fr;
        grid-template-rows: auto auto;
    }

    // -- robin_grid_tex  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_grid_tex {
        grid-row-start: 2;
        grid-column-start: 1;
    }

    // -- robin_grid_top  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_grid_top {
        grid-column-start: 1;
        grid-column-end: -1;
    }

    // -- robin_test  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_test {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    // -- robin_images_1_demo  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_images_1_demo {
        width: 100%;
    }

    // -- hupo_robin  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-hupo_robin {
        justify-self: center;
    }

    // -- robin_small_section_oinly_text  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_small_section_only_text {
        margin-bottom: q(32);

        grid-template-columns: 1fr 1fr;
        // (stripped @include)
    }

    // -- robinsanyons_3placement_with_text  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robinsanyons_3placement_with_text {
        grid-column-start: 3;
    }

    // -- grid_conclusion_robin  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-grid_conclusion_robin {
        grid-column-end: 3;
        // (stripped @include)
    }

    // -- robin_2024_section_1  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_2024_section_1 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: auto 1fr;
        // (stripped @include)
    }

    // -- robin_2024_section1_title_2  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_2024_section1_title_2 {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-column-end: 3;
    }

    // -- robin_2024_section1_title_1  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_2024_section1_title_1 {
        grid-row-start: 1;
        grid-column-start: 4;
        grid-column-end: 6;
    }

    // -- team_robin  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-team_robin {
        grid-row-start: 1;
        // (stripped @include)
    }

    // -- text_location_ronin  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-text_location_ronin {
        // (stripped @include)
    }

    // -- section_2_2024_robin  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-section_2_2024_robin {
        grid-column-start: 3;
        grid-row-start: 1;
        // (stripped @include)
        grid-column-end: 6;
    }

    // -- robin_figure_section_1  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_figure_section_1 {
        grid-column-start: 1;
        grid-row-start: 1;
        // (stripped @include)
        grid-column-end: 4;
    }

    // -- robin_2024_section_3  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_2024_section_3 {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        // (stripped @include)
    }

    // -- robin_2024_section_3_new  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_2024_section_3_new {
        grid-template-rows: 0fr 0fr 0fr 0fr;
        grid-template-columns: 1fr 1fr 1fr;
        // (stripped @include)
    }

    // -- robins_colum_option4_section_3  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robins_column_option4_section_3 {
        display: flex;
        justify-content: flex-start;
    }

    // -- robins_padding_left_right  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robins_padding_left_right {
        padding-left: q(288);
        padding-right: q(288);
    }

    // -- section3_2024_robin_images  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-section3_2024_robin_images {
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 4;
        grid-template-columns: 1fr 1fr 1fr;
        // (stripped @include)
    }

    // -- section3_images_location_2024_robin  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-section3_images_location_2024_robin {
        grid-column-start: 1;
    }

    // -- section3_images_location_2024_robin_2  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-section3_images_location_2024_robin_2 {
        grid-column-start: 2;
    }

    // -- section3_images_location_2024_robin_3  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-section3_images_location_2024_robin_3 {
        grid-column-start: 3;
    }

    // -- section3_2024_location_h3_robin  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-section3_2024_location_h3_robin {
        // (stripped @include)
        grid-row-start: 2;
        grid-column-start: 1;
        grid-column-end: 4;
    }

    // -- robin_make_it_fit  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_make_it_fit {
        width: stretch;
        max-width: q(600);
    }

    // -- robin_make_it_fit_2  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_make_it_fit_2 {
        object-fit: cover;
    }

    // -- robin_grid_table  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_grid_table {
        grid-column-end: 4;
        grid-column-start: 1;
    }

    // -- robin_2025_section_1_grid  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_2025_section_1_grid {
        grid-row-start: 1;
        // (stripped @include)
        grid-column-end: 4;
        grid-column-start: 1;
    }

    // -- robin_2025_section_1_grid_text  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_2025_section_1_grid_text {
        grid-row-start: 2;
        grid-column-start: 4;
        grid-column-end: 6;
    }

    // -- robin_2025_section_2_grid_text  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_2025_section_2_grid_text {
        grid-row-start: 1;
        // (stripped @include)
        grid-column-start: 3;
        grid-column-end: 6;
    }

    // -- robin_2025_section_2_grid_text_title  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_2025_section_2_grid_text_title {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
    }

    // -- robin_2025_section_2_grid_text_paragraaf  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_2025_section_2_grid_text_paragraaf {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
    }

    // -- robin_platform  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_platform {
        grid-column-start: 1;
        grid-column-end: 4;
    }

    // -- robin_platform_table  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_platform_table {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-column-end: 4;
    }

    // -- robins_footer  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robins_footer {
        grid-column-start: 1;
        grid-column-end: 25;
    }

    // -- robins_container_footer  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robins_container_footer {
        display: grid;
        padding-left: q(288);
        padding-right: q(288);
        grid-template-columns: repeat(24, 1fr);
        grid-template-rows: repeat(24, 1fr);
    }

    // -- robin_footer_h1  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_footer_h1 {
        grid-column-start: 1;
        grid-column-end: 25;
        justify-self: center;
    }

    // -- robin_sec_footer  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_sec_footer {
        grid-column-start: 1;
        grid-column-end: 25;
        justify-items: center;
        grid-row-start: 2;
        grid-row-end: 25;
    }

    // -- robin_ahref_footer  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_ahref_footer {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }

    // -- robin_sec_footerabc  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_sec_footerabc {
        padding-left: q(288);
        padding-right: q(288);
    }

    // -- robin_phone  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_phone {
        grid-column-start: 3;
        grid-column-end: 5;
        justify-self: center;
    }

    // -- robin_about_us  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_about_us {
        grid-column-start: 6;
        justify-self: right;
    }

    // -- top_robin_extra  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-top_robin_extra {
        margin-top: q(160);
    }

    // -- robin_grid_table_adjuster  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_grid_table_adjuster {
        gap: q(48);
    }

    // -- robin_flex_adjuster  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_flex_adjuster {
        gap: q(48);
    }

    // -- robins_object_first  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robins_object_first {
        // (stripped @include)
    }

    // -- robin_ribbon--top  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_ribbon--top {
        display: grid;
        gap: 0;
        box-sizing: border-box;
        padding: q(10);
        pointer-events: all;
        background-color: var(--color_text_primary);
        color: var(--color_fill_primary);
        border-color: var(--color_fill_primary);
        border-style: solid;
        border-bottom-width: q(1);
        font-size: q(12);
        line-height: q(15);
        position: relative;
        grid-template-columns: 1fr auto 1fr;
        grid-template-rows: q(20);
        grid-template-areas: 'ribbon_area--horizontal_left ribbon_area--horizontal_center ribbon_area--horizontal_right';
        align-items: center;
        align-content: center;
        width: 100%;
        height: q(40);

        a {
            text-decoration: none;
            outline: none;
            background-color: transparent;
            color: inherit;
            cursor: pointer;
        }
    }

    // -- robin_ribbon--bottom  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_ribbon--bottom {
        display: grid;
        gap: 0;
        box-sizing: border-box;
        padding: q(10);
        pointer-events: all;
        background-color: var(--color_text_primary);
        color: var(--color_fill_primary);
        border-color: var(--color_fill_primary);
        border-style: solid;
        border-top-width: q(1);
        font-size: q(12);
        line-height: q(15);
        position: relative;
        grid-template-columns: 1fr auto 1fr;
        grid-template-rows: q(20);
        grid-template-areas: 'ribbon_area--horizontal_left ribbon_area--horizontal_center ribbon_area--horizontal_right';
        align-items: center;
        align-content: center;
        width: 100%;
        height: q(40);

        a {
            text-decoration: none;
            outline: none;
            background-color: transparent;
            color: inherit;
            cursor: pointer;
        }
    }

    // -- robin_ribbon__slot--horizontal_left  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_ribbon__slot--horizontal_left {
        grid-area: ribbon_area--horizontal_left;
        display: grid;
        justify-content: start;
        gap: q(2);
        box-sizing: border-box;
        max-width: 100%;
        width: 100%;
        height: 100%;
        justify-items: start;
        align-items: center;
        align-self: center;
        white-space: nowrap;
        grid-auto-flow: column;
        grid-auto-columns: min-content;
        grid-template-rows: q(20);
        height: q(20);
    }

    // -- robin_ribbon__slot--horizontal_right  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_ribbon__slot--horizontal_right {
        grid-area: ribbon_area--horizontal_right;
        display: grid;
        justify-content: end;
        gap: q(2);
        box-sizing: border-box;
        max-width: 100%;
        width: 100%;
        height: 100%;
        justify-items: end;
        align-items: center;
        align-self: center;
        white-space: nowrap;
        grid-auto-flow: column;
        grid-auto-columns: min-content;
        grid-template-rows: q(20);
        height: q(20);
    }

    // -- robin_ribbon__slot--horizontal_center  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_ribbon__slot--horizontal_center {
        grid-area: ribbon_area--horizontal_center;
        display: grid;
        justify-content: center;
        gap: q(2);
        box-sizing: border-box;
        max-width: 100%;
        width: 100%;
        height: 100%;
        justify-items: center;
        align-items: center;
        align-self: center;
        white-space: nowrap;
        grid-auto-flow: column;
        grid-auto-columns: min-content;
        grid-template-rows: q(20);
        height: q(20);
    }

    // -- robin_ribbon__title  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_ribbon__title {
        display: grid;
        grid-auto-flow: column;
        align-items: center;
        gap: q(8);
        margin: 0;
        font-size: inherit;
        font-weight: normal;
    }

    // -- robin_ribbon__title__image  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_ribbon__title__image {
        display: flex;
        align-items: center;

        img {
            height: q(20);
            width: auto;
        }
    }

    // -- robin_ribbon__title__text  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_ribbon__title__text {
        font-size: q(12);
        line-height: 1;
    }

    // -- robin_ribbon__nav  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_ribbon__nav {
        display: grid;
        align-items: center;
    }

    // -- robin_ribbon__nav__list  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_ribbon__nav__list {
        display: flex;
        gap: q(16);
        list-style: none;
        margin: 0;
        padding: 0;
    }

    // -- robin_ribbon__nav__list__item  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_ribbon__nav__list__item {
        white-space: nowrap;
    }

    // -- robin_ribbon__nav__list__item__text  (from site-demosphere_nl/src/static/scss/robin/_robins.scss) --
    .ss-c-robin_ribbon__nav__list__item__text {
        font-size: q(12);
    }
}