:root {
    /* navbar */
    --be-bulma-navbar-min-height: 0;
    --be-bulma-navbar-height: 52px;
    /* menu */
    --be-bulma-menu-width: 256px;
    --be-bulma-menu-border: 2px;
    --be-bulma-menu-background-offset: 9%;
    --be-bulma-menu-border-offset: -6%;
    --be-bulma-menu-item-margin: 4px 0;
}

[data-theme=dark] {
    --be-bulma-menu-background-offset: 0%;
    --be-bulma-menu-border-offset: 2%;
}

/* custom */
[role=button] {
    cursor: pointer;
}

/* input */
/* date */
input[type=date] {
    display: inherit !important;
}

/* layout */
html {
    overflow-y: hidden;
}

.be-bulma-page {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
}

@media screen and (width > 768px) {
    .be-bulma-page {
        flex-direction: row !important;
    }
}

.be-bulma-page-menu, .be-bulma-page-content {
    overflow-y: auto;
    height: calc(100vh - var(--be-bulma-navbar-height));
}

@media screen and (width > 768px) {
    .be-bulma-page-sidebar {
        width: var(--be-bulma-menu-width);
    }

    .be-bulma-page-content {
        width: calc(100vw - var(--be-bulma-menu-width));
        height: calc(100vh - var(--be-bulma-navbar-height));
    }
}

@media screen and (width > 768px) {
    .navbar-burger.custom {
        display: none;
    }
}

/* menu */
.menu.is-scrollable {
    height: calc(100vh - var(--be-bulma-navbar-height));
}

/*.menu-item {
    margin: var(--be-bulma-menu-item-margin) !important;
}

    .menu-item a {
        background-color: transparent;
    }

    .menu-item:has(a.active) {
        --bulma-menu-item-background-l-delta: -5%;
    }*/


.menu-toggle-button {
    --bulma-button-border-width: 0px;
    background-color: var(--bulma-scheme-main-ter);
    box-shadow: none;
    color: var(--bulma-text-weak);
    height: 2.5em;
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    padding: 0 !important;
    width: 2.5em
}

@media print,screen and (min-width: 769px) {
    .menu-toggle-button {
        display: none;
    }

        .menu-toggle-button.is-active {
            display: block;
            margin: 0 0 -2.5em;
            margin-left: calc(var(--p)*-.5);
            margin-top: calc(var(--p)*-.5);
            position: sticky;
            top: 1.5rem;
            z-index: 1
        }
}

/* navbar */
.navbar-brand > a.navbar-item:hover, .navbar-brand > a.navbar-item:focus {
    --bulma-navbar-item-background-a: 0 !important;
}

.navbar-item.has-dropdown {
    padding: inherit;
}

/* tabs */
.tabs-content > .tab-content {
    display: none;
}

    .tabs-content > .tab-content.is-active {
        display: block !important;
    }

/* text */
.be-bulma-text-decoration-none {
    text-decoration: none !important;
}