#filters.hm-filter-ready{
border:0!important;
padding:0!important;
margin-top:16px;
background:transparent!important;
}
.hm-filter-bar{
display:flex;
flex-wrap:wrap;
gap:12px;
align-items:flex-start;
width:100%;
margin-bottom:24px;
}
.hm-filter-item{
position:relative;
width:190px;
max-width:100%;
}
.hm-filter-item[data-filter-key="weight"]{
width:210px;
}
.hm-filter-item[data-filter-key="chocolate"],
.hm-filter-item[data-filter-key="cocoa"],
.hm-filter-item[data-filter-key="badges"]{
width:190px;
}
.hm-filter-toggle{
width:100%;
min-height:38px;
border:1px solid #d8d8d8;
border-radius:4px;
background:#fff;
color:#2b1708;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:8px 12px;
font-size:13px;
line-height:18px;
font-weight:500;
cursor:pointer;
text-align:left;
white-space:nowrap;
overflow:hidden;
}
.hm-filter-toggle>span{
display:block;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.hm-filter-toggle:after{
content:"";
width:7px;
height:7px;
border-right:1px solid currentColor;
border-bottom:1px solid currentColor;
transform:rotate(45deg) translateY(-2px);
flex:0 0 auto;
}
.hm-filter-item.is-open .hm-filter-toggle:after{
transform:rotate(225deg) translateY(-1px);
}
.hm-filter-item.is-active .hm-filter-toggle{
background:#F4B649;
border-color:#d99e28;
}
.hm-filter-item.is-active .hm-filter-toggle:after{
display:none;
}
.hm-filter-clear{
flex:0 0 auto;
margin-left:8px;
border:0;
background:transparent;
padding:0;
font-size:15px;
line-height:1;
cursor:pointer;
}
.hm-filter-dropdown{
display:none;
position:absolute;
top:calc(100% + 5px);
left:0;
z-index:50;
min-width:100%;
width:300px;
padding:18px 14px;
background:#fff;
border:1px solid #e2e2e2;
border-radius:4px;
box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.hm-filter-item[data-filter-key="weight"] .hm-filter-dropdown,
.hm-filter-item[data-filter-key="cocoa"] .hm-filter-dropdown{
width:310px;
}
.hm-filter-item.is-open .hm-filter-dropdown{
display:block;
}
.hm-filter-dropdown h4,
.hm-filter-dropdown .param-filter-top h4{
display:none;
}
.hm-filter-dropdown fieldset{
border:0;
padding:0;
margin:0;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
column-gap:22px;
row-gap:14px;
}
.hm-filter-item[data-filter-key="price"] .hm-filter-dropdown fieldset{
display:block;
}
.hm-filter-dropdown form{
margin:0;
}
.hm-filter-dropdown .advanced-filters-wrapper,
.hm-filter-dropdown input[type="hidden"]{
display:none!important;
}
.hm-filter-dropdown fieldset>div,
.hm-filter-dropdown .param-filter-top fieldset>div{
position:relative;
display:flex;
align-items:center;
min-width:0;
margin:0;
}
.hm-filter-dropdown input[type="checkbox"]{
position:static!important;
display:block!important;
appearance:none;
-webkit-appearance:none;
flex:0 0 16px;
width:16px!important;
height:16px!important;
margin:0 7px 0 0!important;
border:1px solid #bfc4c9;
border-radius:3px;
background:#fff;
opacity:1!important;
visibility:visible!important;
cursor:pointer;
}
.hm-filter-dropdown input[type="checkbox"]:checked{
border-color:#2b1708;
background:#fff;
}
.hm-filter-dropdown input[type="checkbox"]:checked:after{
content:"";
display:block;
width:8px;
height:5px;
margin:4px 0 0 3px;
border-left:2px solid #2b1708;
border-bottom:2px solid #2b1708;
transform:rotate(-45deg);
}
.hm-filter-dropdown input[type="checkbox"]:disabled{
border-color:#d5d5d5;
background:#f7f7f7;
cursor:default;
}
.hm-filter-dropdown input[type="checkbox"]+label{
position:static!important;
display:grid!important;
grid-template-columns:max-content max-content;
align-items:center;
column-gap:5px;
width:100%;
min-width:0;
min-height:20px;
margin:0!important;
padding:0!important;
font-size:13px;
line-height:18px;
color:#2b1708;
cursor:pointer;
white-space:nowrap;
}
.hm-filter-dropdown input[type="checkbox"]+label:before,
.hm-filter-dropdown input[type="checkbox"]+label:after{
display:none!important;
content:none!important;
}
.hm-filter-dropdown input[type="checkbox"]:checked+label{
font-weight:700;
}
.hm-filter-dropdown input[type="checkbox"]:disabled+label,
.hm-filter-dropdown label.disabled{
opacity:.45;
cursor:default;
}
.hm-filter-dropdown .filter-count{
display:inline-flex;
align-items:center;
justify-content:center;
justify-self:end;
flex:0 0 auto;
min-width:18px;
height:18px;
margin:0!important;
padding:1px 5px;
border-radius:99px;
background:#F4B649;
color:#2b1708;
font-size:10px;
line-height:16px;
font-weight:700;
text-align:center;
}
.hm-filter-dropdown .slider-header{
display:flex;
justify-content:space-between;
margin-bottom:10px;
font-size:11px;
font-weight:700;
}
.hm-filter-dropdown .slider-content{
padding:8px 2px;
}
.hm-filter-dropdown .ui-slider-range,
.hm-filter-dropdown .ui-widget-header{
background:#F4B649!important;
}
.hm-filter-dropdown .ui-slider-handle{
border-color:#F4B649!important;
background:#F4B649!important;
width:16px;
height:16px;
top:-6px;
}
.hm-filter-dropdown .ui-slider-horizontal{
height:4px;
}
.filter-section-count .filter-total-count{
display:none!important;
}
@media (max-width:1199px){
.hm-filter-item,
.hm-filter-item[data-filter-key="weight"],
.hm-filter-item[data-filter-key="chocolate"],
.hm-filter-item[data-filter-key="cocoa"],
.hm-filter-item[data-filter-key="badges"]{
width:calc(33.333% - 8px);
}
.hm-filter-dropdown{
width:300px;
}
}
@media (max-width:767px){
.hm-filter-bar{
display:grid;
grid-template-columns:1fr;
gap:8px;
}
.hm-filter-item,
.hm-filter-item[data-filter-key="weight"],
.hm-filter-item[data-filter-key="chocolate"],
.hm-filter-item[data-filter-key="cocoa"],
.hm-filter-item[data-filter-key="badges"]{
width:100%;
}
.hm-filter-dropdown,
.hm-filter-item[data-filter-key="weight"] .hm-filter-dropdown,
.hm-filter-item[data-filter-key="cocoa"] .hm-filter-dropdown{
left:0;
right:0;
width:100%;
min-width:0;
}
.hm-filter-dropdown fieldset{
grid-template-columns:1fr 1fr;
column-gap:18px;
row-gap:14px;
}
.hm-filter-dropdown input[type="checkbox"]+label{
font-size:13px;
}
}
@media (max-width:420px){
.hm-filter-dropdown{
padding:16px 12px;
}
.hm-filter-dropdown fieldset{
column-gap:12px;
}
.hm-filter-dropdown input[type="checkbox"]{
margin-right:6px!important;
}
.hm-filter-dropdown input[type="checkbox"]+label{
font-size:12px;
column-gap:6px;
}
.hm-filter-dropdown .filter-count{
min-width:17px;
height:17px;
font-size:9px;
}
}










.hm-filter-item[data-filter-key="badges"]{
width:190px;
}
.hm-filter-item[data-filter-key="badges"] .hm-filter-dropdown{
width:300px;
padding:16px 14px;
}
.hm-filter-item[data-filter-key="badges"] .param-filter-top{
display:flex!important;
flex-direction:column!important;
gap:10px!important;
}
.hm-filter-item[data-filter-key="badges"] .param-filter-top form{
display:block!important;
width:100%!important;
margin:0!important;
}
.hm-filter-item[data-filter-key="badges"] .param-filter-top fieldset{
display:block!important;
width:100%!important;
border:0!important;
padding:0!important;
margin:0!important;
}
.hm-filter-item[data-filter-key="badges"] .param-filter-top fieldset>div{
display:flex!important;
align-items:center!important;
width:100%!important;
min-width:0!important;
margin:0 0 10px!important;
}
.hm-filter-item[data-filter-key="badges"] .param-filter-top fieldset>div:last-of-type{
margin-bottom:0!important;
}
.hm-filter-item[data-filter-key="badges"] input[type="checkbox"]+label{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
width:100%!important;
column-gap:8px!important;
}
.hm-filter-item[data-filter-key="badges"] .filter-count{
justify-self:start!important;
margin-left:0!important;
}
@media (max-width:767px){
.hm-filter-item[data-filter-key="badges"]{
width:100%;
}
.hm-filter-item[data-filter-key="badges"] .hm-filter-dropdown{
width:100%;
}
}












/* Mobile filter toggle tlačítko */
#hm-mobile-filter-toggle {
  display: none;
}

@media (max-width: 767px) {
  #hm-mobile-filter-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 16px;
    background: #F4B649;
    border: none;
    border-radius: 4px;
    color: #2b1708;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 8px;
  }

  .hm-mft-arrow {
    width: 8px;
    height: 8px;
    border-right: 2px solid #2b1708;
    border-bottom: 2px solid #2b1708;
    transform: rotate(45deg) translateY(-2px);
    transition: transform 0.25s ease;
    flex-shrink: 0;
  }

  #hm-mobile-filter-toggle[aria-expanded="true"] .hm-mft-arrow {
    transform: rotate(225deg) translateY(2px);
  }

  /* Animovaný wrapper */
  #hm-filters-collapsible {
    overflow: hidden;
    transition: height 0.3s ease;
  }

  /* Při otevření povol overflow pro dropdown */
  #hm-filters-collapsible[style*="auto"] {
    overflow: visible;
  }
}