/* ============================================================
   css-mobile.css – mobilní styly (≤ 767px)
   ============================================================ */
@media (max-width: 767px) {

.container { width: min(100%, 1700px); max-width: calc(100% - 32px); }
.products-page.products-block .product { width: calc((100% - var(--custom-products-gap)) / 2); }

/* bílá hlavička se stínem (jako desktop) */
#header {
    background-color: var(--custom-white-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
#header .header-top {
    background-color: var(--custom-white-color);
    /* height: 85px; */
    transition: height .5s;
}

/* logo – responzivní výška */
#header .site-name a img {
    height: min(8vw, 60px);
    width: auto;
}

/* ikony – tři vpravo, styl jako desktop */
.navigation-buttons {
    display: flex;
    gap: min(4vw, 20px);
}
.navigation-buttons > a,
.navigation-buttons > button {
    background-color: var(--custom-white-color) !important;
    width: 30px;
}

/* ikona telefonu (kontakt) – přidat mezi search a cart */
.icon-phone:before,
.navigation-buttons .icon-phone:before {
    background-position: center;
    width: 30px;
    display: inline-flex;
    flex-shrink: 0;
    height: 30px;
    background-repeat: no-repeat;
    content: "";
    background-image: url("https://486870.myshoptet.com/user/documents/upload/design/icons/icon-phone2.svg");
    background-size: contain;
}
.icon-phone:after { display: none; }

/* ikona vyhledávání */
.icon-search:before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
    flex-shrink: 0;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url("https://486870.myshoptet.com/user/documents/upload/design/icons/icon-search2.svg");
}
.icon-search:after { display: none; }

/* ikona login */
.top-nav-button-login {
    display: inline-flex !important;
    background-color: transparent !important;
    border: none;
    padding: 0;
    cursor: pointer;
}
.icon-login:before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
    flex-shrink: 0;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url("https://486870.myshoptet.com/user/documents/upload/design/icons/icon-user2.svg");
}
.icon-login:after { display: none; }

/* login a kontakt jsou v mobilním menu – skrýt v hlavičce */
.top-nav-button-login,
.top-nav-button.phone {
    display: none !important;
}

/* ikona košíku */
.icon-cart:before {
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
    flex-shrink: 0;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url("https://486870.myshoptet.com/user/documents/upload/design/icons/icon-cart.svg");
    /* background-color: #fff; */
}
.icon-cart:after { display: none; }

/* skrýt plné vyhledávací pole, dokud není otevřené */
.popup-widget.search-widget form {
    display: none !important;
}
body.search-window-visible .popup-widget.search-widget form {
    display: block !important;
}
body.search-window-visible .popup-widget.search-widget .search-input,
body.search-window-visible .popup-widget.search-widget .search-button {
    border-radius: 0 !important;
    height: 60px;
}
body.search-window-visible .popup-widget.search-widget .search-button {
    letter-spacing: .05em;
    padding: 0 24px;
}
.search-widget-close {
    display: none !important;
}

/* mobilní menu */
.navigation-in>ul {
    padding-top: 0;
}
.navigation-in>ul>li {
    border-radius: 0;
    margin: 0px 0px;
    border: none;
    border-bottom: solid 1px #E8E4E4;
}
.navigation-in>ul>li:first-child {
    border-top: none;
}

/* Přihlášení + Kontakty – dvě tlačítka vedle sebe nahoře v mobilním menu */
#navigation .navigation-in.menu {
    position: relative;
    padding-top: 45px;
}
#navigation .navigation-in.menu .navigationActions,
#navigation .navigation-in.menu .menu-level-1 > li.menu-item-29 {
    position: absolute;
    top: 0;
    width: 50%;
    height: 45px;
    margin: 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
}
#navigation .navigation-in.menu .navigationActions {
    left: 0;
    padding: 0;
    list-style: none;
}
#navigation .navigation-in.menu .menu-level-1 > li.menu-item-29 {
    right: 0;
}
#navigation .navigation-in.menu .navigationActions > li {
    display: flex;
    height: 100%;
    margin: 0;
}
#navigation .navigation-in.menu .navigationActions > li > a,
#navigation .navigation-in.menu .menu-level-1 > li.menu-item-29 > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0;
    color: var(--custom-text-color);
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background-color: #E0E0E7;
    border: none;
}
#navigation .navigation-in.menu .navigationActions > li > a {
    border-right: solid 1px #BFB3B2;
}
#navigation .navigation-in.menu .navigationActions > li > a span,
#navigation .navigation-in.menu .menu-level-1 > li.menu-item-29 > a b {
    font-weight: 600;
    line-height: 1;
}

:where(.ums_mobile_header_v1--on) .navigation-in>ul>li>a {
    color: var(--custom-text-color);
}
.navigation-window-visible #navigation {
    border-top: solid 1px #D1C9C8;
}
#header .header-top .header-top-wrapper {
    padding: 0;
    margin: 0px 16px;
}
.navigation-buttons a[data-target=navigation]:before {
    content: "\e914";
    color: #fff;
    font-size: 16px;
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background-color: rgba(102, 100, 138, 0.8);
    filter: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navigation-buttons a[data-target=navigation] {
    border-radius: 50%;
    margin-right: 0;
    flex-shrink: 0;
    background-color: var(--neutral-icon-color) !important;
    height: 43px;
    width: 43px;
    background-image: url(https://486870.myshoptet.com/user/documents/upload/design/icons/bg-text-color.jpg);
    background-position: center;
    background-size: 44px;
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
}
.listSorting__control {
    color: var(--custom-text-color);
}

/* custom-smallest (≤500px) */
.custom-smallest .navigation-buttons a[data-target=navigation] {
    margin-right: 16px;
}
.custom-smallest { --custom-products-gap: 10px; }
.custom-smallest .container { max-width: calc(100% - 16px); }
.custom-smallest .in-index .content-wrapper { padding-top: 10px; }
.custom-smallest .products-block>div .p .p-in .p-bottom>div .p-tools,
.custom-smallest .products-block>div .p .p-in .p-bottom>div .p-desc,
.custom-smallest .products-block>div .p .p-in-in { padding-left: 10px; padding-right: 10px; }
.custom-smallest .products-block > .product > .p { padding-bottom: 8px; }
.custom-smallest .products-block>div .p .p-in .p-bottom>div .p-desc { padding-bottom: 4px; }
.custom-smallest .products-block>div .p .p-in .p-bottom>div .p-desc { font-size: 12px; }

/* mobil: menší nadpisy */
.category-title,
.homepage-group-title.h4 {
    font-size: calc(0.7 * var(--custom-title-font-size));
}

/* mobil: menší šipky produktového slideru */
.product-slider-holder .product-slider-navigation {
    height: 50px !important;
    width: 30px !important;
}

}

/* ============================================================
   Tablet (768–991px) – vzhled jako desktop, vlastní sekce
   ============================================================ */
@media (min-width: 768px) and (max-width: 991px) {

.container { width: min(100%, 1700px); max-width: calc(100% - 32px); }
.products-page.products-block .product { width: calc((100% - 2 * var(--custom-products-gap)) / 3); }

/* hlavička – bílá se stínem */
#header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100;
    background-color: var(--custom-white-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* layout: logo vlevo, ikony vpravo */
#header .header-top .header-top-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    width: 100% !important;
}
#header .header-top .container.header-top-wrapper {
    justify-content: space-between !important;
}
#header .site-name {
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}
#header .site-name a img {
    height: 60px;
    width: auto;
}
#header .navigation-buttons {
    display: flex;
    align-items: center;
    gap: 0;
    flex-shrink: 0;
}
#header .navigation-tools,
#header .user-action {
    display: none;
}

/* ikony – jako desktop */
.navigation-buttons { display: flex; gap: min(4vw, 20px); }
.icon-cart:before,
.icon-login:before,
.navigation-buttons .icon-phone:before,
.navigation-buttons .icon-search:before {
    mask-repeat: no-repeat; mask-position: center;
    display: inline-flex; flex-shrink: 0;
    content: ""; width: 30px; height: 30px;
}
.icon-cart:before {
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("https://486870.myshoptet.com/user/documents/upload/design/icons/icon-cart.svg");
    /* background-color: #fff; */
}
.icon-login:before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("https://486870.myshoptet.com/user/documents/upload/design/icons/icon-user2.svg");
}
.navigation-buttons .icon-phone:before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("https://486870.myshoptet.com/user/documents/upload/design/icons/icon-phone2.svg");
}
.navigation-buttons .icon-search:before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("https://486870.myshoptet.com/user/documents/upload/design/icons/icon-search2.svg");
}
.icon-cart:after, .icon-login:after,
.navigation-buttons .icon-phone:after,
.navigation-buttons .icon-search:after { display: none; }

.top-nav-button-login {
    display: inline-flex !important;
    background-color: transparent !important;
    border: none; padding: 0; cursor: pointer;
}

/* skrýt fulltext search, dokud není otevřený */
.popup-widget.search-widget form { display: none !important; }
body.search-window-visible .popup-widget.search-widget form { display: block !important; }
body.search-window-visible .popup-widget.search-widget .search-input,
body.search-window-visible .popup-widget.search-widget .search-button {
    border-radius: 0 !important;
    height: 60px;
}
body.search-window-visible .popup-widget.search-widget .search-button {
    letter-spacing: .05em;
    padding: 0 24px;
}

/* bílé pozadí navigace jako desktop */
#header .header-bottom,
#header .navigation-in {
    background-color: var(--custom-white-color);
}
/* ikony – přepsat Shoptet barvu, ať jsou vidět */
.navigation-buttons a,
.navigation-buttons button,
.navigation-buttons a[data-target="cart"],
.navigation-buttons a[data-target="search"] {
    background-color: var(--custom-white-color) !important;
}

/* navigace – opravit barvy */
#navigation .menu-level-1 > li > a {
    color: var(--custom-text-color);
}
#navigation .menu-level-1 > li > a:hover,
#navigation .menu-level-1 > li.exp > a {
    color: var(--color-primary);
}
#navigation .menu-level-2 a {
    color: var(--custom-text-color);
}

}