/* ============================================================
   css-common-base.css – styly pro všechny šířky (mobil i desktop)
   ============================================================ */
:root{
  --custom-text-color: #1a1937;
  --custom-white-color: #fff;
  --custom-highlight-color: #41838C;
  --custom-highlight-hover-color: #68cbd0;
  --custom-light-primary-1-color: rgb(252, 241, 240);
  --custom-light-primary-2-color: #FAE3E1;
  --custom-light-primary-5-color: #F2B8B3;
  --custom-box-shadow-color:  rgba(26, 25, 55, 0.25);
  --custom-neutral-panel-color: #1a1937;
  --neutral-icon-color: #66648A;
  --custom-muted-color: #9C9BB9;
  --custom-light-bg: #EDE8E6;
  --custom-footer-bg: #1a1937;
  --custom-footer-bg-hover: #1a1937;
  --custom-quantity-arrow-color: darkgray;
  --custom-products-gap: 20px;
  --custom-title-font-size: max(30px, min(3.5vw, 46px));
  --colors-surface-rating: #E57168;
}

html {
  scrollbar-gutter: stable;
}

* {text-underline-offset: .15em; }

.searchWhisperer{
  --color-tertiary:var(--custom-white-color);
}

#checkoutSidebar .cart-content, .checkout-box, .checkout-box-wrapper, .ordering-process .co-box, .summary-wrapper { --color-tertiary:var(--custom-white-color);}
.btn, a.btn {border-radius:0; padding: 10px 24px; }
.btn span {display:inline-flex; align-items:center;}
input {outline:none !important;}
input[type=number] { font-family: Arial, sans-serif; }

/* category layout */
.category-content-wrapper {display: flex; flex-wrap:wrap; }
.category-content-wrapper > * {width: 100%; order: 3;}
.category-content-wrapper > #filters-wrapper {width:auto; order: 1;margin-block: 0;padding-block: 0;}
.category-content-wrapper > #category-header {width:auto; flex-grow: 1; justify-content:flex-end; align-items: flex-start; order:2;margin-block: 0;padding-block: 0;}

/* submenu – skip renderu */
.menu-level-2,
.menu-level-3 { content-visibility: auto; contain-intrinsic-size: auto 100px; }

/* product slider */
.product-slider-pagination {display:none !important;}
.type-product.type-detail #content {text-align:center;}

/* produktové dlaždice */
#productsListHeading {width: unset;}
.products-block > .product > .p{    border: 1px solid rgba(26, 25, 55, 0.1);}
.products-block > .product .flags { padding: 4px; box-sizing: border-box; }
.products-block > .product .flags .flag { border-radius: 0; }
.products-block .product .p .image,
.products-block>div .p .image { background: var(--custom-light-bg) !important; }
.product .p .image img { display: block; width: 100%; height: auto; }
[id^="products-"].products .product { content-visibility: auto; contain-intrinsic-size: auto 450px; }
.products-wrapper.product-slider-holder { content-visibility: auto; contain-intrinsic-size: auto 550px; padding-left: 0; padding-right: 0; }
.product-slider-holder { padding: 0; }
.product-slider-holder.has-navigation .product-slider-navigation { background-color: rgba(255, 255, 255, .5); height: 60px; width: 36px; }
.product-slider-holder .product-slider-navigation.navigation-prev { left: 7px; }
.product-slider-holder .product-slider-navigation.navigation-next { right: 7px; }
.product-slider-holder .product-slider-navigation.navigation-prev:before,
.product-slider-holder .product-slider-navigation.navigation-next:before { transition:all .5s; opacity: .8; background-repeat:no-repeat; background-size:contain; background-position:center; content:""; }
.product-slider-holder .product-slider-navigation.navigation-prev:before { background-image:url(https://486870.myshoptet.com/user/documents/upload/design/icons/icon-chevron-left.svg); }
.product-slider-holder .product-slider-navigation.navigation-next:before { background-image:url(https://486870.myshoptet.com/user/documents/upload/design/icons/icon-chevron-right.svg); }
.product-slider-holder .product-slider-navigation.navigation-prev:hover:before,
.product-slider-holder .product-slider-navigation.navigation-next:hover:before { opacity: 1; }
#products-1.products-wrapper,
#products-2.products-wrapper { content-visibility: visible; }
.product .btn.btn-cart {margin-bottom:0 ;}
.products-block>div .p .p-in .p-bottom>div .p-tools{padding-top:0; padding-left: 20px; padding-right: 20px;}
.products-block>div .p .p-in .p-bottom>div .p-desc { color: var(--custom-text-weaker-color); font-size: 13px; line-height: 1.4; padding: 15px 20px; box-sizing: border-box; margin-bottom: 0; }

@media (min-width: 992px) {
    .products-block>div .p .p-in .p-bottom>div .p-desc {
        padding: 15px 20px 0 20px;
    }
}
.products-block .p-tools .pr-action {display:flex; column-gap:6px; justify-content:center;}
.products-block .product { padding: 0 8px 30px 8px; }
.products-block > .product > .p {padding-bottom: 18px;}
.products-block > .product .icon-cart {display:none;}
.products-block>div .p .p-in {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.products-block>div .p .p-bottom {
    flex-grow: 0;
    display: flex;
    flex-direction: column;
}

.products-block>div .p .p-bottom > div {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.products-block>div .p .p-bottom .p-tools {
    margin-top: auto;
}
.products-block>div .p .p-in-in { margin-bottom: 10px; padding: 0 20px; box-sizing: border-box; }
.products-block>div .p .p-in .p-bottom>div .p-tools .btn.btn-primary  {font-size: 16px;line-height: 20px; min-width: 119px;}
.products-block>div .p .p-in .p-bottom>div .p-tools .btn.btn-primary i {display:none;}
.products-block>div .p .p-in .p-bottom>div .prices .price-final{ font-size: 20px;}
.products-block>div .p .p-in .p-bottom>div .prices { min-height: 64px; }
.products-block>div .p .p-in .p-bottom>div .prices .price-final strong {font-weight: 600;filter: brightness(0.9); }
.products-block>div .p .p-in .p-bottom>div .prices .price-save,
.products-block>div .p .p-in .p-bottom>div .prices .price-standard {color: var(--custom-text-weaker-color);}
.products-block>div .p .p-in .p-in-in .name { transition: all .3s; font-weight: 700; color: var(--custom-text-color); padding: 0; }
.products-block>div .p .p-in .p-in-in .name:hover  {color:var(--color-primary);}
.products-block>div .p .availability {display:none; }
.products-page.products-block .product {padding:0;}
.products-page.products-block { gap: var(--custom-products-gap); row-gap: calc(var(--custom-products-gap) * 1.5); margin-left: 0; margin-right: 0; }

.siteCookies__form { border-radius: 0; }

/* řazení */
#category-header {background-color:var(--custom-white-color);}
.listSorting__control {padding: 12px 10px;}
.navigation-buttons a[data-target=navigation]:before {
    content: "\e914";
    font-size: 22px;
    background-color: transparent;
    filter: grayscale(1) brightness(0) invert(1);
}
.listSorting__control--current {box-shadow:none;}
.listSorting__control--current { color: var(--color-primary) !important; }
.quantity .decrease__sign, .quantity .increase__sign {
    color: var(--custom-text-color);
    font-size: 18px;
    opacity: .8;
}
:where(body.ums_a11y_category_page--on) .listSorting__control {
    font-size: 14px; font-weight: 600;
    border: solid 1px rgba(156, 155, 185, 0.3); border-radius: 0;
    padding: 4px 16px; color:var(--custom-text-color); box-shadow:none !important;
}
:where(body.ums_a11y_category_page--on) .listSorting__control.listSorting__control--current {
    border: solid 1px var(--custom-light-primary-5-color); color:var(--color-primary);
}
:where(body.ums_a11y_category_page--on) .listSorting__controls {gap: 6px;}

/* řazení jako dropdown (jen do 850px) */
@media (max-width: 850px) {
    .listSorting {
        position: relative;
        display: inline-block;
        width: 100%;
        max-width: 850px;
    }

    .listSorting__controls {
        list-style: none;
        margin: 0;
        margin-left: auto;
        padding: 0;
        width: max-content;
        display: flex;
        flex-direction: column;
        gap: 0 !important;
        background: #fff;
        border: solid 1px rgba(156, 155, 185, 0.3);
        border-radius: 0;
    }

    .listSorting__controls li {
        display: none;
    }

    .listSorting__controls li:has(.listSorting__control--current) {
        display: block;
    }

    .listSorting.open .listSorting__controls {
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        margin-left: 0;
        z-index: 60;
        box-shadow: 0 12px 24px rgba(26, 25, 55, 0.14);
    }

    .listSorting.open .listSorting__controls li {
        display: block;
    }

    .listSorting__controls li + li {
        border: none !important;
    }

    .listSorting__controls .listSorting__control {
        width: 100%;
        border: none !important;
        border-radius: 0 !important;
        text-align: left;
        background: transparent;
    }

    .listSorting__controls li:not(:has(.listSorting__control--current)) .listSorting__control:hover {
        background: rgba(0, 0, 0, 0.03);
    }

    .listSorting__controls li:has(.listSorting__control--current) {
        cursor: pointer;
    }

    .listSorting__controls li:has(.listSorting__control--current) .listSorting__control {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 600;
        font-size: 14px;
        padding-inline: 16px;
    }

    .listSorting__controls li:has(.listSorting__control--current) .listSorting__control::after {
        content: "\e90e";
        font-family: "shoptet";
        font-size: 0.85em;
        opacity: 0.6;
        margin-left: 4px;
    }
}

/* HP o nás */
.welcome-wrapper{color:var(--custom-text-color); text-align: left; padding-top: 0 !important;}
.welcome .h1 {
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(102, 100, 138, .85);
    background-image: url(https://486870.myshoptet.com/user/documents/upload/design/icons/bg-text-color.jpg);
    font-size: var(--custom-title-font-size);
    margin: 0.26em 0;
    padding: 0.26em 0;
    text-align: left;
}

@media (min-width: 768px) {
    .one-column-body .welcome-wrapper .welcome {
        width: 100%;
    }
}

/* drobečky */
.breadcrumbs, .breadcrumbs a{color: var(--custom-text-weaker-color);}
.breadcrumbs .navigation-home-icon {color: var(--color-primary);}
.navigation-home-icon:after, .navigation-home-icon:before { color: var(--custom-text-color); }

/* kontakty */
#formContact {width: min(100% , 600px);margin-left:auto; margin-right:auto; padding-bottom: 60px;}
#formContact .btn.btn-primary:not(:hover) {background-color: var(--color-primary); color:var(--custom-white-color); font-weight: 600; padding: 12px 60px; font-size: 16px;}
#formContact .btn.btn-primary:hover {background-color:var(--custom-white-color); color:var(--color-primary);}
#formContact .form-group .label, #formContact .form-group label {color:var(--custom-text-color);}
#formContact .form-group .label a, #formContact .form-group label a {color:var(--custom-text-color); text-decoration:underline;}
#formContact .form-group .label a:hover, #formContact .form-group label a:hover {color:var(--color-primary);}
div[itemprop="about"] p:has(~ #formContact){color:var(--custom-text-weaker-color);}

/* HP title */
.category-title,
.homepage-group-title.h4 {
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(102, 100, 138, .85);
    background-image: url(https://486870.myshoptet.com/user/documents/upload/design/icons/bg-text-color.jpg);
    font-size: var(--custom-title-font-size);
    margin: 0.26em 0;
    padding: 0.26em 0;
    text-align: left;
    line-height: 1.1em;
}
.homepage-group-title.h4 { text-align: center; }

/* HP blog – 3 sloupce */
@media (min-width: 1200px) {
    .homepage-blog-wrapper .news-item {
        flex-basis: calc(100% / 3);
        width: calc(100% / 3);
    }
}

.blog-wrapper .news-item .read-article {
    display: flex;
    justify-content: center;
}

.homepage-blog-wrapper .image+.text .description {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.homepage-blog-wrapper .news-item .text {
    justify-content: flex-end !important;
}

.blog-wrapper .news-item .text {
    justify-content: flex-end;
    text-align: center;
}

@media (min-width: 768px) {
    .blog-wrapper .news-item .text {
        justify-content: flex-end;
        border-radius: 0px;
        text-shadow: 0 0 4px black;
        padding: 24px 16px;
    }
}

.homepage-blog-wrapper {
    padding-top: 0 !important;
}

.blog-wrapper .news-item .image img {
    border-radius: 0px;
}

/* nadpis článku – stejné styly jako nadpis produktu, ale zarovnáno na střed */
article header h1 {
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(102, 100, 138, .85);
    background-image: url(https://486870.myshoptet.com/user/documents/upload/design/icons/bg-text-color.jpg);
    font-size: calc(var(--custom-title-font-size) * 0.7);
    margin: 0.26em 0;
    margin-top: .75em;
    padding: 0.26em 0;
    text-align: center;
    line-height: 1.2em;
}

article {
    color: var(--custom-text-color);
}

article h2,
article h3,
article h4,
article h5 {
    color: var(--custom-text-color);
    text-align: left !important;
}

article .h3,
article h3 {
    margin-top: 1em;
    margin-bottom: 1em;
}

article h4 {
    margin-top: 2em;
    margin-bottom: 1em;
}

.plus-gallery-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.plus-gallery-wrap .plus-gallery-item {
    max-width: calc((100% - 20px) / 2);
    position: relative;
    border: none;
}

.plus-gallery-wrap .plus-gallery-item:after {
    content: "";
    display: flex;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px white;
}

.plus-gallery-wrap + h5 {
    color: var(--custom-text-weaker-color);
}

@media (max-width: 677px) {
    .plus-gallery-wrap {
        justify-content: center;
    }

    article h2,
    article h3,
    article h4,
    article h5 {
        text-align: center !important;
    }

    .plus-gallery-wrap + h5 {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .type-post #content {
        max-width: min(886px, 100%);
    }
}

#hodnoceniobchodu .vote-wrap,
.id--51 #content #ratingWrapper~.votes-wrap .vote-wrap {
    border-radius: 0;
}

#hodnoceniobchodu .vote-wrap:not(.admin-response .vote-wrap),
.id--51 #content #ratingWrapper~.votes-wrap .vote-wrap:not(.admin-response .vote-wrap),
.template-14.id--51 .rate-wrapper:not(.admin-response .vote-wrap) {
    background-color: rgba(26, 25, 55, .04);
}

#hodnoceniobchodu .vote-header,
#hodnoceniobchodu .vote-summary .vote-name,
.id--51 #ratingsList .vote-header,
.id--51 #ratingsList .vote-name {
    color: var(--custom-text-color);
}

#hodnoceniobchodu .vote-content {
    color: var(--custom-text-color);
}

#hodnoceniobchodu .shop-stat-all a {
    color: var(--custom-text-color);
    background: transparent;
    border: none;
    text-decoration: underline;
    text-underline-offset: .15em;
}

#hodnoceniobchodu h2 {
    margin-bottom: .15em;
}

#hodnoceniobchodu .rate-average,
#hodnoceniobchodu .stars-label {
    color: var(--custom-text-color);
}

/* header bottom – střední šířky */
@media (min-width: 992px) and (max-width: 1440px) {
    #header .header-bottom .header-bottom-wrapper {
        max-width: calc(100% - 32px);
        margin-inline: auto;
    }
}

/* menu – zvýrazněná položka Inspirace */
@media (min-width: 992px) {
    .menu-item-783 a {
        color: color-mix(in srgb, var(--color-primary) 95%, black) !important;
    }
}

/* košík – skrýt hledání a spodní menu */
@media (min-width: 992px) {
    body.in-kosik .user-action-search,
    body.in-krok-1 .user-action-search,
    body.in-krok-2 .user-action-search {
        opacity: 0;
        pointer-events: none;
    }
    body.in-kosik #header .header-bottom,
    body.in-krok-1 #header .header-bottom,
    body.in-krok-2 #header .header-bottom {
        display: none;
    }
}

/* checkout – texty */
.id--15.ordering-process .co-box.co-payment-method .row,
.recapitulation-wrapper .order-summary-item,
.order-summary-item.summary-thx,
.reca-number {
    color: var(--custom-text-color);
}

.cart-table .p-name {
    color: var(--custom-text-color);
    font-weight: bold;
}

/* blog – mobil */
@media (max-width: 797px) {
    .blog-wrapper .news-item .description {
        color: var(--custom-text-color);
    }

    .homepage-blog-wrapper .news-item:nth-child(n+5) {
        display: none;
    }
}

/* blog – tablet: nadpis a 4 články */
@media (min-width: 768px) and (max-width: 1199px) {
    .homepage-blog-wrapper .news-item:nth-child(n+6) {
        display: none;
    }
}

/* category perex – full-width s centrovaným obsahem */
.category-top {
    border: none;
    padding-bottom: 0;
}
.category-perex, .category__secondDescription {
    width: unset;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
}
.category-perex > *, .category__secondDescription > * {
    margin: auto;
    padding-left: 0;
    padding-right: 0;
    color: var(--custom-text-color);
}

.subcategories { padding: 0; }
.subcategories li a { border-radius: 0; }

.user-action-in .popup-widget {
    border-radius: 0 !important;
}

.user-action-in .popup-widget .popup-widget-inner {
    border-radius: 0 !important;
}

#customerLogin .btn.btn-primary {
    font-weight: bold;
    font-size: 16px;
    background-color: var(--color-secondary);
    color: #fff;
}

#customerLogin .btn.btn-primary:hover {
    background-color: #fff;
    box-shadow: inset 0 0 0 1px var(--color-secondary);
    color: var(--color-secondary);
}

#customerLogin label {
    color: var(--custom-text-color);
}
#content .filters-wrapper { padding: 0; }
.in-index .content-wrapper { padding-top: 20px; }

/* footer */
#footer {margin-top: 70px; position:relative; transition: background-color .5s;}
#footer, #footer .footer-rows .rate-wrapper {background-color:var(--custom-footer-bg); color: var(--custom-white-color); }
#footer::before {transition: filter .5s; content:""; display:flex; position:absolute; top: -70px;width: 100%; height: 70px;
background-image:url("https://486870.myshoptet.com/user/documents/upload/design/icons/bg-footer2.svg");
background-size: 880px;
background-repeat: repeat-x;
background-position: bottom left -20px;}
#footer a {color:var(--custom-white-color);}
#footer h4 {color:var(--custom-white-color);}
#footer h4>span:after {display:none !important;}
#footer .footer-bottom-full-width {opacity: .9;}
#footer .footer-bottom, #footer .footer-bottom a {color:var(--custom-text-color);}
#footer:hover {background-color: var(--custom-footer-bg-hover);}
#footer .banner-wrapper p a {color:#fff;}
#footer .banner-wrapper h4 {color: var(--color-secondary);}
#footer .banner-wrapper p {margin-bottom: 10px;}
.footer-icons {padding-bottom: 20px;}
.contact-box a:hover {color: var(--color-secondary-hover);}
.footer-rows li a:hover {color: var(--color-secondary-hover);}
#footer a:hover {color: var(--color-secondary-hover);}
.contact-box ul li>span {margin-bottom: 10px;}
.banner-wrapper h4:after {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 8px;
    content: "";
    display: block;
    margin: 12px 0 16px;
    width: 40px;
}