/*
 * VINCI / Dolomit – kompatibilita obrázkových filtrů Shoptetu
 * Verze 1, 13. 10. 2026
 * Načíst až ZA hlavním souborem style-v189.css.
 * Platí pouze pro novou strukturu s .advanced-parameter-input.
 * Původní filtry a varianty na detailu produktu nejsou cílem opravy.
 */

/* Dolomit používá pro textové filtry input + label. Nově tomuto
 * pravidlu odpovídá i obrázkový label: zrušíme jeho odsazení a rámeček.
 * Rozměry obrázků i barev ponecháváme stávající šabloně.
 */
#filters .filter-section .advanced-filters-wrapper
input.advanced-parameter-input + label.advanced-parameter {
    display: inline-block !important;
    position: relative;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 !important;
    border: 0;
    line-height: normal;
    background: transparent;
    cursor: pointer;
}

/* Textové checkboxy Dolomitu mají vlastní dekorace. Obrázkové políčko
 * je nepotřebuje, včetně dekorací při zaškrtnutí.
 */
#filters .filter-section .advanced-filters-wrapper
input.advanced-parameter-input + label.advanced-parameter::before,
#filters .filter-section .advanced-filters-wrapper
input.advanced-parameter-input + label.advanced-parameter::after,
#filters .filter-section .advanced-filters-wrapper
input.advanced-parameter-input::before,
#filters .filter-section .advanced-filters-wrapper
input.advanced-parameter-input::after {
    display: none !important;
    content: none !important;
}

/* Dolomit skrývá checkboxy i .sr-only pomocí display:none.
 * Nové obrázkové filtry ponecháme přístupné klávesnici a čtečkám.
 */
#filters .filter-section .advanced-filters-wrapper
input.advanced-parameter-input,
#filters .filter-section .advanced-filters-wrapper
input.advanced-parameter-input + label.advanced-parameter > .sr-only {
    display: block !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Zvolená hodnota je patrná i bez doplňování tříd JavaScriptem. */
#filters .filter-section .advanced-filters-wrapper
input.advanced-parameter-input:checked + label.advanced-parameter
.advanced-parameter-inner {
    outline: 1px solid #46a603;
    outline-offset: -1px;
}

/* Viditelný fokus při ovládání Tab + mezerník. */
#filters .filter-section .advanced-filters-wrapper
input.advanced-parameter-input:focus-visible + label.advanced-parameter
.advanced-parameter-inner {
    outline: 2px solid #222;
    outline-offset: 2px;
}