/* ==========================================================================
   AUME SK – 12) Mobilní menu: menší písmo + telefon s fotkou dole
   Zmenší písmo položek, aby v panelu zbylo místo, a nastyluje telefonní
   blok, který na konec menu vkládá 12-mobilni-menu.js.
   Platí jen do 767 px – nad tím je menu vodorovná lišta a lupa/hamburger
   se vůbec nezobrazují.
   ========================================================================== */

@media (max-width: 767px) {

    .navigation-in>ul>li>a {
        font-size: 15px;
    }

    .navigation-in>ul>li>a>b,
    .navigation-in>ul>li>a>span {
        padding-top: 13px;
        padding-bottom: 13px;
        letter-spacing: .07em;
    }

    /* rozbalené podmenu */
    .navigation-in ul.menu-level-2 a {
        font-size: 14px;
    }

    .navigation-in ul.menu-level-2 li a {
        padding-top: .7rem;
        padding-bottom: .7rem;
    }

    /* spodní řádky CZK / jazyk / přihlášení */
    #navigation .navigationActions>li>a {
        font-size: 14px;
    }

    #navigation .navigationActions {
        margin-bottom: 16px !important;
    }
}

/* --- Rolování panelu na nízkých displejích -------------------------------- */

body.navigation-window-visible #navigation {
    bottom: 0;
    height: auto;
}

body.navigation-window-visible #navigation .navigation-in {
    max-height: 100%;
    /* aby tažení v menu nerolovalo stránku pod ním */
    overscroll-behavior: contain;
}
}

/* --- Telefon s fotkou na konci menu -------------------------------------- */

.aume-tel {
    display: none;
}

@media (max-width: 767px) {

    .aume-tel {
        display: block;
        margin: 8px 20px 24px;
        padding-left: 60px;
        min-height: 48px;
        background: url("/user/documents/upload/assets/help-avatar2-144.webp") no-repeat left center / 48px 48px;
        line-height: 1.3;
        text-decoration: none !important;
    }

    .aume-tel__cislo {
        display: block;
        font-size: 17px;
        font-weight: 600;
        letter-spacing: .01em;
        color: #222222;
    }

    .aume-tel__hodiny {
        display: block;
        font-size: 12px;
        color: #6B6B6B;
    }

    .aume-tel:hover .aume-tel__cislo,
    .aume-tel:focus-visible .aume-tel__cislo {
        color: #CFB388;
        /* champagne akcent webu */
    }

    .aume-tel:focus-visible {
        outline: 2px solid #CFB388;
        outline-offset: 2px;
    }
}