/**
 * Host reaction to y-partners-lms-tls-informer.
 *
 * Snippet sets on :root:
 *   --yadro-info-banner-height: <px> | 0px
 * and emits window event "yadro-info-banner:layout"
 *   detail: { visible: boolean, height: number }
 *
 * Banner host is #yadro-info-banner-host (fixed-top, above #topBar).
 * --yadro-topbar-height is measured by growthbook-lazy.js (Space navbar).
 */

:root {
    --yadro-topbar-height: 59px;
    --yadro-info-banner-height: 0px;
}

/* Own fixed-top host — same idea as .toast-wrapper, without touching Moodle toasts. */
.yadro-info-banner-host {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10010;
    width: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#yadro-info-banner {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    display: block;
    width: 100%;
    box-sizing: border-box;
    z-index: auto;
}

/*
 * Docs pattern:
 *   .fixed-header { top: var(--yadro-info-banner-height, 0px); }
 * When height is 0px, layout matches Space defaults.
 */

/* Space #topBar is fixed at top: 0 — push below informer. */
#topBar {
    top: var(--yadro-info-banner-height, 0px);
}

/* Left nav drawer: full-height from top:0 on desktop. */
#nav-drawer {
    top: var(--yadro-info-banner-height, 0px);
    height: calc(100% - var(--yadro-info-banner-height, 0px));
}

/* On smaller screens Space offsets #nav-drawer by navbar height. */
@media (max-width: 991.98px) {
    #nav-drawer {
        top: calc(var(--yadro-topbar-height, 59px) + var(--yadro-info-banner-height, 0px));
        height: calc(100% - var(--yadro-topbar-height, 59px) - var(--yadro-info-banner-height, 0px));
    }
}

/* Course index drawer. */
.drawer-left {
    top: var(--yadro-info-banner-height, 0px);
    height: calc(100vh - var(--yadro-info-banner-height, 0px));
}

/* Main content: Space uses top/height relative to navbar. */
#page {
    top: calc(var(--yadro-topbar-height, 59px) + var(--yadro-info-banner-height, 0px));
    height: calc(100vh - var(--yadro-topbar-height, 59px) - var(--yadro-info-banner-height, 0px));
}

/* Right drawer in Space is offset by navbar height. */
.drawer-right {
    top: calc(var(--yadro-topbar-height, 59px) + var(--yadro-info-banner-height, 0px));
    height: calc(100vh - var(--yadro-topbar-height, 59px) - var(--yadro-info-banner-height, 0px));
}

/*
 * #sidepreopen-control (.drawer-toggler.drawer-right-toggle) is fixed below navbar.
 * Space: top = navbar + 30px (lg+), navbar + 20px (md–lmd); xs–sm uses bottom — leave as is.
 */
@media (min-width: 1200px) {
    #sidepreopen-control.drawer-toggler {
        top: calc(var(--yadro-topbar-height, 59px) + var(--yadro-info-banner-height, 0px) + 30px);
    }

    #sidepreopen-control.drawer-right-toggle .btn {
        top: calc(var(--yadro-topbar-height, 59px) + var(--yadro-info-banner-height, 0px) + 30px);
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    #sidepreopen-control.drawer-toggler {
        top: calc(var(--yadro-topbar-height, 59px) + var(--yadro-info-banner-height, 0px) + 20px);
    }

    #sidepreopen-control.drawer-right-toggle .btn {
        top: calc(var(--yadro-topbar-height, 59px) + var(--yadro-info-banner-height, 0px) + 20px);
    }
}