/* Sticky menu wrapper — scripts2.js toggles .stuck on scroll. */

.sticky-menu {
    margin-bottom: 0;
}

.cla-wrap {
    width: calc(100% - 875px - 4vw - 170px);
}

/* CSS-only sticky for .cla-wrap.
   Requires removing `position: absolute; right: 75px;` from the base .cla-wrap rule
   (in style-custom.css or wherever it lives) and giving .post-content a flex/grid layout
   so .cla-wrap can sit on the right while participating in normal flow.
   With the changes above, this rule pins it to the top of the viewport until the parent's
   bottom edge is reached, at which point it lands at the bottom of .post-content. */
/*
.cla-wrap {
    position: sticky;
    top: 0;
}
*/

.sticky-menu-wrap.stuck {
    position: fixed;
    top: 0;
    z-index: 199;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* left and width are set inline by scripts2.js to match the .post-content parent's geometry. */
}

.sticky-menu-wrap-placeholder {
    display: none;
}

.sticky-menu-wrap-placeholder.active {
    display: block;
}

@media screen and (max-width: 1200px) {
    .sticky-menu-wrap.stuck {
        top: 53px;
    }
}