/* =========================================================
   dkLab filtrace + řazení — feature styles
   Extracted from VSE V93.css
   ========================================================= */

/* =========================================================
   dkLab filtrace + řazení
   Base
   ========================================================= */

:root {
  --dklab-filter-bg: #ffffff;
  --dklab-filter-text: #1D1D1B;
  --dklab-filter-border: #1D1D1B;
  --dklab-filter-active: #D61118;
  --dklab-panel-bg: #ffffff;
  --dklab-toggle-border: #cccccc;
  --dklab-radius: 5px;
  --dklab-transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  --dklab-filters-show-filter-background-color: #ffffff;
  --dklab-filters-show-filter-foreground-color: #1D1D1B;
}

#dkLabTopFilters {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding-top: 0 !important;
  background: var(--dklab-panel-bg) !important;
}

#dkLabTopFilters .filter-sections,
#dkLabTopFilters #filters {
  background: var(--dklab-panel-bg) !important;
}

#dkLabTopFilters #filters {
  order: 1 !important;
  margin: 0 !important;
}

#dkLabTopFilters .slider-wrapper,
#dkLabTopFilters .filter-section {
  border: none !important;
}

#dkLabTopFilters h4 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  color: var(--dklab-filter-text) !important;
  background: var(--dklab-filter-bg) !important;
  border: 1px solid var(--dklab-filter-border) !important;
  border-radius: var(--dklab-radius) !important;
  padding: 8px 16px !important;
  line-height: 1.4 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: var(--dklab-transition) !important;
}

#dkLabTopFilters h4::after {
  display: none !important;
}

#dkLabTopFilters .filter-section h4,
#dkLabTopFilters .slider-wrapper > h4 {
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}

#dkLabTopFilters h4:hover,
#dkLabTopFilters h4:focus,
#dkLabTopFilters h4:focus-visible,
#dkLabTopFilters h4:active {
  background: var(--dklab-filter-active) !important;
  color: #ffffff !important;
  border-color: var(--dklab-filter-active) !important;
  text-decoration: none !important;
}

#dkLabTopFilters h4,
#dkLabTopFilters h4:hover,
#dkLabTopFilters h4:focus,
#dkLabTopFilters h4:focus-visible,
#dkLabTopFilters h4:active,
#dkLabTopFilters h4 *,
#dkLabTopFilters h4:hover *,
#dkLabTopFilters h4:focus *,
#dkLabTopFilters h4:focus-visible *,
#dkLabTopFilters h4:active * {
  text-decoration: none !important;
}

#dkLabTopFilters .filter-label {
  color: var(--dklab-filter-text) !important;
}

#dkLabTopFilters .filter-section.filter-section-count {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
  clear: both !important;
  float: none !important;
  padding: 8px 12px 2px !important;
  margin: 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

#dkLabTopFilters .filter-total-count,
#category-header.category-header--moved .filter-total-count {
  color: #1D1D1B !important;
}

#dkLabTopFilters .filter-section.filter-section-count .filter-total-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  margin-left: auto !important;
  text-align: right !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}

.dkLab-filters-button__item,
.dkLab-filters-button__item.dkLab-filters-button__item--cancel,
#filter-pill-strip .filter-pill-btn,
#category-header.category-header--moved .listSorting__control {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  background: var(--dklab-filter-bg) !important;
  color: var(--dklab-filter-text) !important;
  border: 1px solid var(--dklab-filter-border) !important;
  border-radius: var(--dklab-radius) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: var(--dklab-transition) !important;
  text-decoration: none !important;
}

.dkLab-filters-button__item:hover,
.dkLab-filters-button__item.dkLab-filters-button__item--cancel:hover,
#filter-pill-strip .filter-pill-btn:hover,
#category-header.category-header--moved .listSorting__control:not([aria-disabled="true"]):hover {
  background: var(--dklab-filter-active) !important;
  color: #ffffff !important;
  border-color: var(--dklab-filter-active) !important;
}

#category-header.category-header--moved .listSorting__control--current,
#category-header.category-header--moved .listSorting__control[aria-disabled="true"] {
  background: var(--dklab-filter-active) !important;
  color: #ffffff !important;
  border-color: var(--dklab-filter-active) !important;
  cursor: default !important;
}

#filter-pill-strip .filter-pill-btn.filter-pill--active {
  background: var(--dklab-filter-bg) !important;
  color: var(--dklab-filter-text) !important;
  border-color: var(--dklab-filter-border) !important;
}

#filter-pill-strip .filter-pill-btn.filter-pill--active:hover {
  background: var(--dklab-filter-active) !important;
  color: #ffffff !important;
  border-color: var(--dklab-filter-active) !important;
  text-decoration: none !important;
}

#filter-pill-strip .filter-pill-btn,
#filter-pill-strip .filter-pill-btn:hover,
#filter-pill-strip .filter-pill-btn:focus,
#filter-pill-strip .filter-pill-btn:active,
#filter-pill-strip .filter-pill-btn.filter-pill--active,
#filter-pill-strip .filter-pill-btn *,
#filter-pill-strip .filter-pill-btn:hover *,
#filter-pill-strip .filter-pill-btn:focus *,
#filter-pill-strip .filter-pill-btn:active *,
#filter-pill-strip .filter-pill-btn.filter-pill--active *,
#category-header.category-header--moved .listSorting__control,
#category-header.category-header--moved .listSorting__control:hover,
#category-header.category-header--moved .listSorting__control:focus,
#category-header.category-header--moved .listSorting__control:active,
#category-header.category-header--moved .listSorting__control--current,
#category-header.category-header--moved .listSorting__control[aria-disabled="true"],
#category-header.category-header--moved .listSorting__control *,
#category-header.category-header--moved .listSorting__control:hover *,
#category-header.category-header--moved .listSorting__control:focus *,
#category-header.category-header--moved .listSorting__control:active *,
#category-header.category-header--moved .listSorting__control--current *,
#category-header.category-header--moved .listSorting__control[aria-disabled="true"] * {
  text-decoration: none !important;
}

#filter-pill-strip .filter-pill-btn:focus,
#filter-pill-strip .filter-pill-btn:focus-visible,
#filter-pill-strip .filter-pill-btn:active,
#category-header.category-header--moved .listSorting__control:focus,
#category-header.category-header--moved .listSorting__control:focus-visible,
#category-header.category-header--moved .listSorting__control:active {
  text-decoration: none !important;
}

#category-header.category-header--moved .listSorting__control:hover,
#category-header.category-header--moved .listSorting__control:focus,
#category-header.category-header--moved .listSorting__control:focus-visible,
#category-header.category-header--moved .listSorting__control:active {
  color: #ffffff !important;
}

#filter-pill-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  align-items: center !important;
  border: none !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  margin-bottom: 6px !important;
}

#category-header {
  top: -26px !important;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
}

#category-header.category-header--moved {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-bottom: 6px !important;
  padding: 8px 0 !important;
  border: none !important;
  box-sizing: border-box !important;
}

/* Proxy počtu položek — absolutně pozicovaný, nezasahuje do flex layoutu řazení */
#category-header.category-header--moved .filter-count-proxy {
  position: absolute !important;
  right: 30px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  color: #1D1D1B !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

#category-header.category-header--moved .filter-count-proxy strong {
  color: var(--dklab-filter-active) !important;
  font-weight: 700 !important;
}

.filter-count-proxy.is-hidden {
  display: none !important;
}

/* Skrýt originál jen když je proxy připravená a jen na desktopu */
@media (min-width: 992px) {
  #dkLabTopFilters.filter-count-proxy-ready #filters .filter-section.filter-section-count {
    display: none !important;
  }
}

#category-header.category-header--moved::after {
  display: none !important;
}

#category-header.category-header--moved .listSorting--dropdown {
  display: block !important;
  position: static !important;
  width: auto !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  z-index: auto !important;
  right: auto !important;
  left: auto !important;
  padding-left: 12px !important;
}

#category-header.category-header--moved .sortingToggle,
#category-header.category-header--moved .listSorting__label,
#category-header.category-header--moved .span--sort {
  display: none !important;
}

#category-header.category-header--moved #listSortingControls {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  position: static !important;
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#category-header.category-header--moved .listSorting__control {
  font-size: 13px !important;
  font-weight: 600 !important;
}

#category-header.category-header--moved .filter-total-count {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  text-align: right !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}

#dkLabTopFilters .filter-section.filter-section-count .filter-total-count strong,
#category-header.category-header--moved .filter-total-count strong {
  color: var(--dklab-filter-active) !important;
  font-weight: 700 !important;
}

/* Skrytí levého postranního panelu (nahrazen top filtry) – mimo košík */
body:not(.in-kosik) aside.sidebar.sidebar-left[data-testid="sidebarMenu"] {
  display: none !important;
}

/* Zobrazit sidebar na checkout stránkách (in-krok-1, in-krok-2) na desktopu/tabletu */
@media (min-width: 768px) {
  body.in-krok-1 aside.sidebar.sidebar-left[data-testid="sidebarMenu"],
  body.in-krok-2 aside.sidebar.sidebar-left[data-testid="sidebarMenu"] {
    display: block !important;
  }
}

/* === Skrýt itemsTotal ("112 položek celkem") === */
.itemsTotal { display: none !important; }

/* skryj původní text a zobraz náhradní */
.filter-sections h4.symptom span { font-size: 0; }
.filter-sections h4.symptom span::before {
  content: "Dostupnost";
  font-size: 13px;
}

/* =========================================================
   dkLab filtrace + řazení
   Mobile <= 767px
   ========================================================= */
@media (max-width: 767px) {

  #dkLabTopFilters .dkLab-filters-pack-button {
    display: block !important;
    position: static !important;
    order: 1 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #dkLabTopFilters .dkLab-filters-pack-button .btn.btn-primary {
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    background-color: var(--dklab-panel-bg) !important;
    color: #1D1D1B !important;
    border: 2px solid var(--dklab-toggle-border) !important;
    border-radius: 4px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  #category-header {
    order: 2 !important;
    width: 100% !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    position: relative !important;
    height: auto !important;
    overflow: visible !important;
    display: block !important;
  }

  #category-header::after {
    display: none !important;
    content: none !important;
  }

  #dkLabTopFilters #filters {
    order: 3 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #dkLabTopFilters #filters.visible {
    height: auto !important;
    overflow: visible !important;
  }

  #filter-pill-strip {
    display: none !important;
  }

  #category-header .span--sort {
    display: none !important;
  }

  #category-header .listSorting--dropdown {
    display: block !important;
    position: static !important;
    width: 100% !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }

  #category-header .sortingToggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 44px !important;
    background-color: var(--dklab-panel-bg) !important;
    border: 2px solid var(--dklab-toggle-border) !important;
    color: #1D1D1B !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 10px 12px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  #category-header .sortingToggle .icon-sort,
  #category-header .sortingToggle .icon-chevron-down,
  #category-header .sortingToggle [class*="icon"],
  #category-header .sortingToggle .sortingToggle__label,
  #category-header .sortingToggle .sortingToggle__value {
    display: none !important;
  }

  #category-header .sortingToggle::before {
    content: "Seřadit dle";
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    color: #1D1D1B;
  }

  #category-header .sortingToggle::after,
  #category-header .sortingToggle .icon-chevron-down::before,
  #category-header .sortingToggle .icon-chevron-down::after {
    display: none !important;
    content: none !important;
  }

  #category-header #listSortingControls {
    display: none !important;
  }

  #category-header .listSorting--open #listSortingControls {
    display: flex !important;
    flex-direction: column !important;
    background: #ebebeb !important;
    border-radius: 0 0 4px 4px !important;
    padding: 4px 0 !important;
  }

  #category-header .listSorting--open .listSorting__control {
    background: transparent !important;
    border: none !important;
    color: #1D1D1B !important;
    padding: 10px 20px !important;
    text-align: left !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    width: 100% !important;
    cursor: pointer !important;
  }

  #category-header .listSorting--open .listSorting__control--current,
  #category-header .listSorting--open .listSorting__control[aria-disabled="true"] {
    color: #D61118 !important;
    font-weight: 600 !important;
  }

}

/* =========================================================
   dkLab filtrace + řazení
   Desktop / tablet >= 768px
   ========================================================= */
@media (min-width: 768px) {
  #dkLabTopFilters .dkLab-filters-pack-button {
    display: none !important;
  }

  #dkLabTopFilters #filters {
    height: auto !important;
    overflow: visible !important;
    order: 1 !important;
    padding: 0 !important;
  }

  #dkLabTopFilters #category-header {
    order: 3 !important;
  }
}

/* Zarovnání levého okraje filtrovací řady se sort řadou na desktopu
   +12px = padding-left na .listSorting--dropdown (obě řady začínají na stejné ose) */
@media (min-width: 992px) {
  #dkLabTopFilters {
    position: relative !important;
    left: -85px !important;
  }

  body:not(.in-kosik) #content-wrapper.aside-indented,
  body:not(.in-kosik) #content-wrapper .content-wrapper-in.sidebar-indented {
    padding-left: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #dkLabTopFilters #filters {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: max-content !important;
    max-width: calc(100% - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #dkLabTopFilters #filters > .slider-wrapper,
  #dkLabTopFilters #filters > .filter-sections,
  #dkLabTopFilters #filters > #price-filter-form,
  #dkLabTopFilters #filters > .filter-section {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
  }

  #dkLabTopFilters #filters > #price-filter-form {
    display: none !important;
  }

  #dkLabTopFilters #filters > .filter-sections,
  #dkLabTopFilters #filters > .filter-sections > #category-filter-hover {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  #dkLabTopFilters #filters > .filter-sections > .filter-section,
  #dkLabTopFilters #filters > .filter-sections > #category-filter-hover > .filter-section {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
  }

  #dkLabTopFilters #filters > .filter-sections {
    flex: 0 0 auto !important;
    min-width: auto !important;
  }

  #category-header.category-header--moved {
    padding-right: 260px !important;
  }

  #category-header.category-header--moved .listSorting--dropdown {
    width: 100% !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  #category-header.category-header--moved #listSortingControls {
    flex-wrap: nowrap !important;
    width: 100% !important;
  }
}

 /* není ohraničení barvy koleček na detailu produktu */
.advanced-parameter-inner {
    border: none !important;
    box-shadow: none !important;
}