/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


.zbozi_configurator .zbozi_filter-select {
    max-width: clamp(1px, calc(300 / 1920 * 100vw), 300px);
}

.underline-effect {
    position: relative;
    padding-bottom: clamp(1px, calc(20 / 1920 * 100vw), 20px);
}

.underline-effect:after {
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    height: 2px;
    left: -1px;
    bottom: clamp(1px, calc(16 / 1920 * 100vw), 16px);
    background: var(--g-color-1);
}

.zbozi_configurator .zbozi_filter-list {

    .zbozi_filter-title {
        color: #1c1c1c;
        padding-top: clamp(1px, calc(30 / 1920 * 100vw), 30px);
        padding-bottom: clamp(1px, calc(10 / 1920 * 100vw), 10px);
    }

    label {
        cursor: pointer;
    }

    .feature-container {
        display: inline-block;
    }


    .form-control:focus {
        -webkit-box-shadow: 0 0 0 1px rgba(22, 182, 234, 0.4);
        box-shadow: 0 0 0 1px rgba(22, 182, 234, 0.4);
    }

    .barva.image-definition {
        max-width: clamp(1px, calc(74 / 1920 * 100vw), 74px);
        min-width: clamp(1px, calc(74 / 1920 * 100vw), 74px);
        padding: 0;
        text-align: center;
    }

    .barva.image-definition .feature-container {
        padding: 4px 0 2px 0;
    }

    .barva.image-definition .feature-img {
        display: block;
        height: auto;
        width: 100%;
        max-width: clamp(1px, calc(56 / 1920 * 100vw), 56px);
        margin: auto;
    }

    .barva.image-definition .feature-value {
        display: block;
    }

    .barva.image-definition input[type=radio] {
        display: none;
    }

    .barva.image-definition input:checked ~ .feature-container {
        width: 100%;
        background: #e4f7fb;
    }

}


.zbozi_configurator.zbozi_filter-list-disabled .opt {
    opacity: 0.3;
}

.zbozi_configurator.zbozi_filter-list-disabled .opt label,
.zbozi_configurator.zbozi_filter-list-disabled .opt input,
.zbozi_configurator.zbozi_filter-list-disabled .opt select {
    cursor: not-allowed;
    pointer-events: none;
}

.zbozi_configurator .clear {
    clear: both;
}

/* RADIO buttons - START */
#zbozi_filter-radio-group.zbozi_filter-radio-wrapper {
    width: 100%;
    display: flex;
    justify-content: start;
}

#zbozi_filter-radio-group .zbozi_filter-radio-item {
    display: flex;
    align-items: center;
    gap: 8px;
    width: auto;
    padding: clamp(1px, calc(10 / 1920 * 100vw), 10px) clamp(1px, calc(12 / 1920 * 100vw), 12px);
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

#zbozi_filter-radio-group .zbozi_filter-radio-item:hover {
    background: #f8f8f8;
    border-color: #bbb;
}

#zbozi_filter-radio-group .zbozi_filter-radio-item input[type="radio"] {
    margin: 0;
}

#zbozi_filter-radio-group .zfr-img-wrap {
    display: flex;
    align-items: center;
}

#zbozi_filter-radio-group .zfr-img {
    width: clamp(1px, calc(30 / 1920 * 100vw), 30px);
    height: clamp(1px, calc(30 / 1920 * 100vw), 30px);
    object-fit: cover;
    border-radius: 3px;
}

#zbozi_filter-radio-group .zfr-text {
    font-size: clamp(12px, calc(14 / 1920 * 100vw), 14px);
    line-height: 1.3;
}


/* RADIO buttons - END */


.custom-configuration-select-picker {
    & {
        width: 100% !important;
        padding-right: clamp(1px, calc(10 / 1920 * 100vw), 10px);
    }
    .btn {
        padding: 0 0 0 4px;
        color: #000 !important;
        font-family: var(--font-narrow), sans-serif;
        font-size: clamp(12px, calc(19 / 1920 * 100vw), 19px);
    }
    .text {
        width: 100%
    }

    .bsopt-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
    }

    .bsopt-left {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .bsopt-right {
        white-space: nowrap;
        flex: 0 0 auto;
        min-width: clamp(1px, calc(40 / 1920 * 100vw), 40px);
    }

    &.bootstrap-select .dropdown-toggle:focus,
    &.bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
    & .dropdown-toggle,
    & .dropdown-toggle:focus,
    & .dropdown-toggle:active,
    & .dropdown-toggle:focus:active,
    & .show > &.dropdown-toggle {
        outline: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        border: none !important;
        outline: none !important;
    }

    & .dropdown-toggle.bs-placeholder,
    & .dropdown-toggle.bs-placeholder:hover,
    & .dropdown-toggle.bs-placeholder:focus,
    & .dropdown-toggle.bs-placeholder:active {
        color: #1c1c1c !important;
        font-family: var(--font-narrow), sans-serif;
        font-size: clamp(12px, calc(19 / 1920 * 100vw), 19px);
    }

    & .dropdown-toggle::after {
        border: none;                 /* zruší bootstrap caret */
        content: "\f078";             /* chevron-down ve FA 4.7 */
        font-family: "FontAwesome";   /* POZOR – bez mezer */
        font-size: 0.75em;
        margin-left: clamp(1px, calc(8 / 1920 * 100vw), 8px);
        vertical-align: middle;
        transition: transform .2s ease;
    }



    &.show > .dropdown-toggle::after {
        transform: rotate(180deg);
        transition: transform .2s ease;
    }
}