////
///
/// Ribbon Site Styles
/// ===========================================================================
///
/// Classes the scapepress sites use next to the native `ribbon` module,
/// moved here from the removed `32-utilities/_scapepress-parity.scss` shim.
/// Forwarded from `31-modules/_index.scss` ahead of every module rather than
/// from this module's index, so at equal specificity the native rules win.
///
/// 11 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.Ribbon
/// @author Scape Press
/// @link https://scape.style
/// @since 0.6.0
/// @access public
///
////

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

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

@layer ss.components {
    // -- ribbon--bottom  (from site-scape_foundation/src/static/scss/app/_ribbon.scss) --

    // -- ribbon--top  (from site-scape_foundation/src/static/scss/app/_ribbon.scss) --

    // -- ribbon__title__text  (from site-scape_foundation/src/static/scss/sections/_ribbon.scss) --
    .ss-c-ribbon__title__text {
        display: block !important;
        visibility: visible !important;
    }

    // -- ribbon__slot--horizontal_right  (from site-scape_foundation/src/static/scss/sections/_ribbon.scss) --

    // -- ribbon__nav  (from site-scape_foundation/src/static/scss/sections/_ribbon.scss) --

    // -- ribbon__nav__list  (from site-scape_foundation/src/static/scss/sections/_ribbon.scss) --

    // -- ribbon__nav__list__item  (from site-scape_foundation/src/static/scss/sections/_ribbon.scss) --

    // -- ribbon__nav__list__item__text  (from site-scape_foundation/src/static/scss/sections/_ribbon.scss) --

    // -- ribbon__title__image  (from site-demosphere_nl/src/static/scss/temp/_temp_fixes.scss) --
    .ss-c-ribbon__title__image img {
        height: q(30);
    }

    // -- ribbon-footer  (from site-starling_studio/src/static/scss/app/sticky_footer.scss) --
    .ss-c-ribbon-footer {
        display:flex;
        flex-wrap: wrap;
        position: fixed;
        top: calc(100vh - q(40));
        left: 0;
        right: 0;
        height: auto;
        z-index: var(--ss-z-50);
        will-change: transform;
    }

    // -- ribbon__title  (from site-zoo_foo/src/static/scss/index.scss) --
}