/* ==========================================================
   SÉPARATEURS GLOBAUX DU SITE
   ========================================================== */

:root {
    --lakademie-pink: #ff2b92;
    --lakademie-divider-height: 7px;
}


/* ==========================================================
   BARRE ROSE GLOBALE — suit automatiquement le header sticky
   ========================================================== */

.ast-primary-header-bar {
    position: relative;
    overflow: visible;
}

.ast-primary-header-bar::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: -7px;

    width: 100%;
    height: var(--lakademie-divider-height);

    background: linear-gradient(
        90deg,
        #8b004d,
        var(--lakademie-pink) 30%,
        #ff8ccd 55%,
        var(--lakademie-pink) 80%,
        #8b004d
    );

    box-shadow: 0 0 20px rgba(255, 43, 146, .8);

    z-index: 20;

    pointer-events: none;
}


/* ==========================================================
   BARRE BLANCHE — AU-DESSUS DU FOOTER
   ========================================================== */

#colophon::before {
    content: "";
    display: block;

    position: relative;
    left: 50%;

    width: 100vw;
    height: var(--lakademie-divider-height);

    margin-left: -50vw;

    background: #fff;

    box-shadow: 0 -1px 14px rgba(255, 255, 255, .35);
}