/* eid 27201 PROD inject - do not merge into category-listing.css */
/* Source: dig2 category-listing.css blocks eid-27201 */

/* eid 27201: na /szukaj nie ma drzewa Podkategorie (ps_categorytree puste) —
   pokaż Amazzing Kategorie z licznikami z wyników (+ podkategorie zwinięte). */
body#search #amazzing_filter .af_filter[data-url="kategorie"],
body.page-search #amazzing_filter .af_filter[data-url="kategorie"],
body#search #mobile-filters-placeholder #amazzing_filter .af_filter[data-url="kategorie"],
body.page-search #mobile-filters-placeholder #amazzing_filter .af_filter[data-url="kategorie"],
body#search #mobile-filters-placeholder>#amazzing_filter .af_filter[data-url="kategorie"],
body.page-search #mobile-filters-placeholder>#amazzing_filter .af_filter[data-url="kategorie"],
body#search .mobile-filters-modal #mobile-filters-placeholder #amazzing_filter .af_filter[data-url="kategorie"],
body.page-search .mobile-filters-modal #mobile-filters-placeholder #amazzing_filter .af_filter[data-url="kategorie"] {
    display: block !important;
    visibility: visible !important;
}

/* eid-27201-foldered-plus: + / − w jednej linii z nazwą kategorii na /szukaj */
body#search #amazzing_filter .af_filter[data-url="kategorie"].foldered .af-parent-category > label,
body.page-search #amazzing_filter .af_filter[data-url="kategorie"].foldered .af-parent-category > label {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}
body#search #amazzing_filter .af_filter[data-url="kategorie"].foldered .af-parent-category > label .name,
body.page-search #amazzing_filter .af_filter[data-url="kategorie"].foldered .af-parent-category > label .name {
    position: relative;
    flex: 1 1 auto;
    padding-right: 28px;
    min-width: 0;
}
body#search #amazzing_filter .af_filter[data-url="kategorie"].foldered .af-toggle-child,
body.page-search #amazzing_filter .af_filter[data-url="kategorie"].foldered .af-toggle-child {
    display: inline-block !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
}
body#search #amazzing_filter .af_filter[data-url="kategorie"].foldered .af-toggle-child:after,
body.page-search #amazzing_filter .af_filter[data-url="kategorie"].foldered .af-toggle-child:after {
    content: "+";
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #183030;
    position: static;
    padding: 0;
}
body#search #amazzing_filter .af_filter[data-url="kategorie"].foldered .open > label .af-toggle-child:after,
body.page-search #amazzing_filter .af_filter[data-url="kategorie"].foldered .open > label .af-toggle-child:after {
    content: "−";
}

.sort-dropdown-menu li {
    width: 100%;
}

/* ========================================

/* eid-27201-mobile-selected-filters: chips + Wyczyść w modalu mobilnym */
#mobile-filters-placeholder .selectedFilters:not(.hidden),
.mobile-filters-modal #mobile-filters-placeholder .selectedFilters:not(.hidden),
#mobile-filters-placeholder > #amazzing_filter .selectedFilters:not(.hidden) {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    width: 100%;
    margin: 0 0 20px;
    padding: 0 0 16px;
    border-bottom: 1px solid var(--border-primary, #e5e5e5);
    float: none !important;
    clear: both;
    text-align: left;
    line-height: 1.2;
    background: transparent;
    visibility: visible;
}

#mobile-filters-placeholder .selectedFilters.hidden,
.mobile-filters-modal #mobile-filters-placeholder .selectedFilters.hidden {
    display: none !important;
}

#mobile-filters-placeholder .selectedFilters .selected-filters-label {
    display: none !important;
}

#mobile-filters-placeholder .selectedFilters .cf {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
    float: none;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid var(--color-neutral-4, #d9d9d9);
    border-radius: var(--radius-x-small, 4px);
    background: #fff;
    font-family: var(--font-family-family-primary, Sora), sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--text-color-base-primary, #000);
}

#mobile-filters-placeholder .selectedFilters .cf a.close,
#mobile-filters-placeholder .selectedFilters .cf a {
    position: static;
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: var(--text-color-base-primary, #000);
    opacity: 0.65;
    cursor: pointer;
    font-size: 0;
    line-height: 1;
    background: transparent;
}

#mobile-filters-placeholder .selectedFilters .cf a.close:hover,
#mobile-filters-placeholder .selectedFilters .cf a:hover {
    opacity: 1;
}

#mobile-filters-placeholder .selectedFilters .cf a.close::before,
#mobile-filters-placeholder .selectedFilters .cf a::before {
    content: "×";
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
}

#mobile-filters-placeholder .selectedFilters .clearAll {
    float: none;
    display: inline-flex;
    align-items: center;
    order: 99;
    flex: 0 0 auto;
    margin: 0 !important;
    margin-left: auto !important;
    padding: 0;
    background: transparent !important;
    text-align: left;
    line-height: 20px;
}

#mobile-filters-placeholder .selectedFilters .clearAll.hidden {
    display: none !important;
}

#mobile-filters-placeholder .selectedFilters .clearAll a.all {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 0;
    background: none;
    border: none;
    color: var(--text-color-base-secondary, #595959);
    font-family: var(--font-family-family-primary, Sora), sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-transform: none;
    cursor: pointer;
}

#mobile-filters-placeholder .selectedFilters .clearAll a.all:hover {
    color: var(--text-color-base-primary, #000);
}

#mobile-filters-placeholder .selectedFilters .clearAll .txt {
    display: inline;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    text-transform: none;
    vertical-align: baseline;
}

#mobile-filters-placeholder .selectedFilters .clearAll i {
    display: none !important;
}

/* Duplikat: sekcyjne Wyczyść obok globalnego - zostaw tylko chip × + Wyczyść u góry */
#mobile-filters-placeholder .af-clear-section-btn {
    display: none !important;
}