@media only screen and (max-width: 767px) {
    /* Skrytí loga */
    .site-name-wrapper {
        display: none !important;
    }

    /* Skrytí vyhledávání */
    a[data-target="search"] {
        display: none !important;
    }
 }

@media only screen and (max-width: 767px) {
    .header-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
    }

    .navigation-buttons {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    /* Menu vlevo */
    .navigation-buttons .toggle-window[data-target="navigation"] {
        order: 1;
        margin-right: auto;
    }

    /* Košík vpravo */
    .navigation-buttons .btn.cart-count {
        order: 2;
        margin-left: auto;
    }

    /* Ikona menu a košík přizpůsobení stylu */
    .navigation-buttons .toggle-window,
    .navigation-buttons .btn.cart-count {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background-color: transparent;
        border: none;
    }
}

@media only screen and (max-width: 767px) {
    #header .header-top .responsive-tools a[data-target="navigation"] {
        z-index: 2;
        position: absolute;
        left: 10px; /* Upravená hodnota */
        padding: 12px 2px;
        top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    #header .navigation-buttons .btn.cart-count {
        position: relative;
        top: 3px;
        margin-right: 10px; /* Upravená hodnota */
        z-index: 999;
    }
}

@media only screen and (max-width: 767px) {
    #header .header-top .responsive-tools a[data-target=navigation]:before {
        font-size: 25px; /* Nastavení velikosti písma */
    }
}

@media only screen and (max-width: 767px) {
    #header .navigation-buttons .btn.cart-count:before {
        background-image: url('https://www.belliene.cz/user/documents/upload/Snímek%20obrazovky%202024-11-18%20190217.jpg');
        background-size: 40px; /* Nastavte velikost podle potřeby */
    }
}


@media only screen and (max-width: 768px) {
    .container.navigation-wrapper {
        position: relative; /* Umožní absolutní umístění dětí */
        display: flex;
        align-items: center;
        justify-content: space-between; /* Ikony zarovná ke krajům */
        height: 64px;
        background-color: #fff; /* Volitelné pozadí */
    }
}

@media only screen and (max-width: 768px) {
    .container.navigation-wrapper {
        position: relative; /* Umožní absolutní umístění dětí */
        display: flex;
        align-items: center;
        justify-content: space-between; /* Ikony zarovná ke krajům */
        height: 64px;
        background-color: #fff; /* Volitelné pozadí */
    }

    .custom-mobile-logo {
        position: absolute; /* Logo bude nezávislé na ostatních prvcích */
        top: 50%; /* Zarovná do středu vertikálně */
        left: 50%; /* Zarovná do středu horizontálně */
        transform: translate(-50%, -55%); /* Posune logo jemně nahoru */
        max-height: 40px; /* Velikost loga */
        z-index: 10; /* Ujistí se, že je logo nad ostatními prvky */
    }

    .container.navigation-wrapper > *:not(.custom-mobile-logo) {
        flex: 1; /* Ostatní prvky budou správně zarovnány */
    }
}



@media only screen and (max-width: 767px) {
    .container.navigation-wrapper {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Nastavení stínu */
    }
}


@media only screen and (max-width: 767px) {
    #header {
        height: 58px;
    }
    .container.navigation-wrapper {
        height: 58px;
    }
}