:root{
    --tipovacka-profilebar-height:0px;
    --tipovacka-mainheader-height:0px;
    --tipovacka-sticky-top:0px;
}

.com-tipovacka-sticky-top,
.tipovacka-sticky-top{
    top:var(--tipovacka-sticky-top,0px)!important;
}

/*
 * 0.22.1:
 * one native sticky stack:
 * 1) profile/user row at the very top,
 * 2) Educon #sp-header immediately below it.
 *
 * No fixed placeholder and no hard-coded breakpoint.
 */
.tipovacka-sticky-profilebar{
    position:sticky!important;
    top:0!important;
    z-index:10070!important;
}

#sp-header.tipovacka-sticky-mainheader{
    position:sticky!important;
    top:var(--tipovacka-profilebar-height,0px)!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    z-index:10060!important;
    overflow:visible!important;
    background:#fff;
    box-shadow:0 4px 18px rgba(12,37,78,.10);
    /*
     * Educon's hybrid layout can visually be ~181px although #sp-header's
     * own box reports only 90px. Keep the sticky box tall enough to contain
     * the real visible header so following content starts below it.
     */
    min-height:var(--tipovacka-mainheader-visual-height,auto)!important;
}

/* Old 0.18.x force-sticky mechanism is intentionally retired. */
.tipovacka-header-placeholder{
    display:none!important;
    height:0!important;
}

#sp-header.tipovacka-force-sticky{
    position:sticky!important;
    top:var(--tipovacka-profilebar-height,0px)!important;
}

@media (max-width:767.98px){
    #sp-header.tipovacka-sticky-mainheader{
        box-shadow:0 3px 14px rgba(12,37,78,.09);
    }
}