html:has(#menuToggle:checked) {
  overflow: hidden;
  overscroll-behavior: contain; /* prevent pull-to-refresh/bounce */
  height: 100%;
}

header[role="banner"] {

    position: sticky;
    top: calc(var(--sticky-banner-offset, 0px) + var(--sticky-menu-offset, 0px));
    transition: none;
    z-index: 100;
    a {
        color: var(--lk-color--logo--bg);
        text-decoration: none;
    }
}

header[role="banner"] .layout-header-menu {
    background-color: var(--lk-color--logo--fg);
    z-index: 2500;
}

header[role="banner"] .layout-header-menu > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    max-width: 75.25rem;
    padding: 1.125rem 0;
    width: 100%;
}

header[role="banner"] #block-lovekrakow-markawitryny img {
    height: auto;
    width: 167px;
}

.layout-top-menu {
    background-color: #fff;
    border-bottom: 1px solid var(--woodsmoke-200);
    position: sticky;
    top: 0px;
    transition: transform 0.3s ease;
    z-index: 100;
}

header[role="banner"]:has(#menuToggle:checked) {
    left: 0;
    position: fixed;
    right: 0;
}

.layout-top-menu > div {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin: auto;
    padding: 0.5rem 0;
    max-width: 75.25rem;
    width: 100%;
}

@media screen and (min-width: 1200px) {
    .layout-mobile-menu {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    header[role="banner"] {
        top: var(--sticky-banner-offset, 0px);
        z-index: 1200;
    }

    .layout-top-menu,
    #block-lovekrakow-main-menu {
        display: none;
    }

    .layout-header-menu {
        padding-left: 1rem;
        position: relative;
    }

    #menuToggle + label {
        background-image: url('/themes/custom/lovekrakow/icons/ic_mobile_menu.png');
        color: #fff;
        height: 2rem;
        position: absolute;
        right: 1rem;
        text-indent: -10000px;
        top: 1.05rem;
        width: 2rem;
        z-index: 3000;
    }

    #menuToggle:checked + label {
       background-image: url('/themes/custom/lovekrakow/icons/ic_mobile_menu_close.png');
    }

    #menuToggle {
        display: none;
    }

    #menuToggle + label + .menuMobile {
        display: none;
        background: var(--main_background);
    }

    .menuMobile {
        position: fixed;
        z-index: 2000;
        height: 100dvh;
        inset: 0 0 0 0;
        top: calc(var(--sticky-banner-offset, 0px) + 3.5rem);
    }

    .menuMobile nav {
        margin-top: 2rem;
    }

   .menuMobile nav a {
        color: var(--font-color);
    }

    .menuMobile #block-lovekrakow-social-3 {
        padding: 0 1rem;
    }

    .menuMobile nav#block-lovekrakow-glownanawigacja ul li a,
    .menuMobile nav#block-lovekrakow-top-2 ul li a  {
        background-image: url(/themes/custom/lovekrakow/icons/ic_menu_link.png);
        background-repeat: no-repeat;
        background-size: 0.5rem;
        background-position: right 1rem center;
        border-bottom: 1px solid var(--woodsmoke-100);
        display: block;
        font-size: var(--heading-base--font-size);
        font-weight: var(--heading-font-weight);
        padding: 1rem;
    }

    .menuMobile nav#block-lovekrakow-top-2 ul li a {
        font-size: var(--heading-sm--font-size);
    }

    #menuToggle:checked + label + .menuMobile {
        display: block;
    }
}