/* Popup Košík */
.shoptet-modal-lg {
    display:none !important;
}

/* spoločný hover efekt pre košík*/
.navigation-buttons a.toggle-window:hover {
    color: #fcb315;                /* zmena farby textu/ikonky */
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* farba top navigacie*/
.top-navigation-bar {
    background-color: #fcb315;
    border-color: #fcb315;
}

/* Hover efekt pre jednotlivé jazyky v dropdown menu */
.languagesMenu__list__link:hover {
    color: #fcb315;
}

/* zobrazovanie textu v kosiku*/
.cart-table .p-total .price-final {
    font-weight: 900;
}

.cart-table tr>td.p-total {
    font-weight: 900;
}

.continue-shopping{
    border: solid 1px;
    padding: 18px;
}

/* HEADER */
div.top-navigation-bar {
    border: 0;
}

/* roztiahnutie carouselu a bannerov na sirku obrazovky*/
.banners-row {
    width: 100vw; /* 100% viewport width */
    margin-left: calc(-50vw + 50%); /* aby sa vyrovnalo posunutie kontajnera */
}

#header > div.header-bottom {
    background-color: #004f8e;
    border: 0;
}

#header .search-input {
    background-color: #135b95;
    color: var(--_color-header-text);
}

/* nastavenia hlavneho menu*/
.navigation-in {
    background-color: #004f8e;
}

/* .fitted .navigation-in ul {
    justify-content: center;
}*/

/* Skrytie menu kym sa nenacita stranka */
/*#navigation > div > ul.menu-level-1 {
    visibility: hidden;
}*/

.navigation-in .menu-level-1 a,
.navigation-in .menu-level-1 a b,
.navigation-in .menu-level-1 a span {
    color: #ffffff;
    text-decoration: none;
    border-bottom: none;
    box-shadow: none;
}

/* keď je aktívne submenu (menu 2) — zachová farbu a zruší podčiarknutie */
.navigation-in .menu-level-1 li:hover > a b,
.navigation-in .menu-level-1 li:hover > a span {
    color: #fcb315;
    text-decoration: none !important;
}

/* Zmena farby pri hover v menu 2 */
.navigation-in .menu-level-2 a:hover,
.navigation-in .menu-level-2 a:hover span {
    color: #fcb315;
}

.navigation-in .menu-level-2 a,
.navigation-in .menu-level-2 a b,
.navigation-in .menu-level-2 a span {
    color: #000;
    background-color: #fff;
    text-decoration: none !important;
}

.menu-helper>span {
    background-color: transparent;
    border-color: #cfcfcf;
    color: #fff;
}

/* FILTERY */

/* Slider cien */
.ui-slider .ui-slider-range {
    background-color: #004f8e;
    border-color: #004f8e;
}

.ui-slider-horizontal .ui-slider-handle {
    border-radius: 10px;
    cursor: pointer;
    height: 20px;
    margin-left: -10px;
    top: -5px;
    width: 20px;
    background-color: #fcb315;
    box-shadow: 0 3px 3px rgba(5, 18, 50, .3) !important;
}

/* tlacidlo vycistit filter*/
#clear-filters {
  position: relative;
  border: solid 1px;
  padding: 5px;
  background: #004f8e;
  margin-bottom: 20px;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  transition: all 0.2s ease;
}

#clear-filters.fixed-bottom {
  position: fixed;
  bottom: 5px;
  z-index: 1000;
}

#clear-filters a {
    color: #fff;
}

/* FILTER VELKOSTI */
.filter-section-parametric-id-212 input[type="checkbox"] {
    display: none;
}

.filter-section-parametric-id-212 .advanced-filters-wrapper,
.filter-section-parametric-id-212 fieldset {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.filter-section-parametric-id-212 .filter-label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #f1f5f8;
    border: 1px solid #e4e9ec;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    transition: all 0.2s ease-in-out;
    color: #051232;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.filter-section-parametric-id-212 label.filter-label:hover {
    border-color: #051232;
}

.filter-section-parametric-id-212 input[type="checkbox"]:disabled + .filter-label {
    color: #000;
    font-weight: 300;
    border: none;
    opacity: 0.3;
}

.filter-section-parametric-id-212 input[type="checkbox"]:checked + .filter-label {
    background-color: #103d60;
    color: #fff;
    font-weight: 300;
}

.filter-section-parametric-id-212 .filter-label .filter-count {
    display: none;
}

.filter-section-parametric-id-212 input[type=checkbox] + label:before,
.filter-section-parametric-id-212 input[type=checkbox] + label:after,
.filter-section-parametric-id-212 input[type=radio] + label:before,
.filter-section-parametric-id-212 input[type=radio] + label:after {
    display: none;
    content: none;
}

/* FILTER FARIEB */
.filter-section-parametric-id-215 .advanced-filters-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    margin: 0;
    padding: 0;
}

/* reset inner wrappers */
.filter-section-parametric-id-215 .advanced-filters-wrapper > div {
    display: flex;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
}

/* style the color buttons */
.filter-section-parametric-id-215 label.advanced-parameter {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 0px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    box-sizing: border-box;
}

.filter-section-parametric-id-215 .advanced-parameter-inner {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 8px solid #f1f5f8;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
}

/* Hover efekt len keď NIE je disabled */
.filter-section-parametric-id-215
.advanced-parameter:not(.disabled)
.advanced-parameter-inner:hover {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 0 0px 1px black;
    transition: all 0.2s ease-in-out;
}

.advanced-parameter-inner.yes-before {
    background-image: none;
    border: 8px solid #103d60;
}

.advanced-parameter-inner.yes-before::before {
    content: none !important;
}

.disabled .advanced-parameter-inner:before {
    background-image: none;
}

.filter-section-parametric-id-215 input[type="checkbox"]:checked + .advanced-parameter-inner .yes-before {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 6px solid #004f8e;
    box-shadow: 0 0 0px 1px black;
}

.disabled .advanced-parameter-inner, .unavailable-option-wrapper .advanced-parameter-inner {
    cursor: not-allowed;
    opacity: 0.3;
    box-shadow: none;
}

/* Filter vo variantach v detaile produktu */

.color-filter-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}

.color-swatch {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    border: 2px solid #ddd;
    cursor: pointer;
    background-color: #f9f9f9;
    background-size: cover;
    background-position: center;
    transition: transform 0.15s ease, border-color 0.2s ease;
}

.color-swatch:hover {
    transform: scale(1.1);
    border-color: #999;
}

.color-swatch.active {
    border-color: #000;
    box-shadow: 0 0 0 2px #0003;
}

/* Hromadny Kosik*/
.bulk-button-container {
    display: flex;
    justify-content: flex-end;  /* doprava na veľkých obrazovkách */
    margin-top: 20px;
    margin-right: 20px;
}

/* Fotky pod tovarovou fotkou v detaile */
.p-thumbnails>div {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Omrvinkova navigacia */
.breadcrumbs, .breadcrumbs a {
    color: #aaa;
    padding-top: 10px;
}
.breadcrumbs a:hover {
    color: #fcb315;
}

.breadcrumbs span {
    color: #aaa;
}

.breadcrumbs span:hover {
    color: #fcb315;
}

.breadcrumbs>span a {
    text-decoration: none;
}

/* Uprava zobrazenia podkategorii */

/*.subcategories li a {
    color: #000000;
    padding-right: 5px;
} */

@media screen and (max-width: 768px) {
    .breadcrumbs {
        padding-top: 10px;
    }

    .desktop .banners-row {
        clear: both;
        margin-top: -20px;
        margin-left: -30px;
        margin-right: -30px;
    }
}

@media screen and (max-width: 767px) {
    .content-wrapper.container .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .content-wrapper.container .row>div {
        padding-left: 0px;
        padding-right: 0px;
    }

    .content-wrapper.container {
        padding-left: 5px;
        padding-right: 5px;
    }

    /*.carousel-control:before {
        border-radius: 50%;
        border-style: solid;
        border-width: 2px;
        font-size: 14px;
        height: 22px;
        line-height: 20px;
        margin-top: -22px;
        position: absolute;
        text-align: center;
        text-shadow: none;
        top: 50%;
        width: 22px;
    } */

    .navigation-in a, .navigation-in a:hover {
        color: #fff;
    }
    #navigation .navigation-in ul li>a>b {
        border-width: 0;
        text-decoration: none;
    }
    #navigation .navigation-in ul li:hover>a>b, #navigation .navigation-in ul li:hover>a>span, #navigation .navigation-in ul li:hover>div>a>span {
        color: #fcb315;
        border-width: 0;
        text-decoration: none;
    }

    /* Clanky */
    .blog-wrapper {
        padding: 10px;
    }

    /* Product kod v detaile produktu */
    .detail-parameters th {
        min-width: 80px !important;
        width: 80px;
        white-space: nowrap;
    }

    .detail-parameters td {
        width: auto;         /* nech sa roztiahne podľa obsahu */
        overflow-wrap: anywhere; /* zabezpečí, že sa dlhý kód zalomí */
    }
}

/* Skrytie kategorie pre b2b */

a[href*="b2b"], .menu-item[href*="b2b"], .category-item[href*="b2b"] {
    display: none;
}


