ul.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    background-image: url(https://officebox.bg/wp-content/themes/betheme-premium-wordpress-theme/betheme/images/stripes/stripes_3_b.png);
    width: max-content;
    border-radius: 5px;
    margin: 20px 30px 0;
    padding: 4px 3px;
}
ul.page-numbers li {
    margin: 0 1px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
span.page-numbers.current {
    background-color: #2a27e9;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 5px;
}
.column.one.pager_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}










.ems-skeleton {
    padding: 10px;
}
.ems-skel-line {
    height: 40px;
    margin: 8px 0;
    border-radius: 4px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: ems-skel-shimmer 0.4s ease infinite;
}

@keyframes ems-skel-shimmer {
    0% { background-position: -400px 0; }
    100% { background-position: 400px 0; }
}

    .parent-category{
        position: relative;
    }
.parent-category.has-children:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 10px;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    width: 7px;
    height: 7px;
    top: 19px; 
    transform: translateY(-50%) rotate(45deg); 
}
    .ems-price-tooltip {
    position: absolute;
    padding: 2px 6px;
    background: #0547CC;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 300;
    transform: translate(-16px, -20px);
    pointer-events: none;
    white-space: nowrap;
    display: none;
    z-index: 999;
}
input[type="range"] {
    position: relative;
}
    .parent-category.has-children {
        margin: 0px 5px 1px 0px;
    }
    .ems-fil-wrapper.parent-category.has-children a {
        display: block;
        padding: 6px 12px;
        cursor: pointer;
        font-size: 18px;
        font-weight: 400;
        text-transform: uppercase;
        background: white;
        border-radius: 8px;
        border: 1px solid #D7D7D7;
        color: #212222 !important;
    }


    .child-categories > a {
        background-color: #f3f3f3 !important;
        cursor: pointer !important;
        color: white !important;
        margin: 5px 0px 0px 10px;
    }






    .ems-fil.child-categories a {
        color: black;
        font-weight: 300 !important;
        text-transform: none;
    }

    /* .wc-ajax-attribute-filter {
        margin: 10px 10px 20px 0px;
    } */

    .wc-ajax-attribute-filter .attribute-filter {
        margin-bottom: 10px;
    }

    .wc-ajax-attribute-filter .attribute-filter h3 {
        margin: 0 0 5px;
    }

    .wc-ajax-attribute-filter .attribute-filter ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .wc-ajax-attribute-filter .attribute-filter ul li {
        display: inline-flex;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .wc-ajax-attribute-filter .attribute-filter ul li a {
        text-decoration: none;
        color: black;
        padding: 5px 10px;
        border-radius: 3px;
        background: #fcd703;
    }

    .wc-ajax-attribute-filter .attribute-filter ul li a:hover {
        background: #ffe13a;
        color: black;
    }

    #selected-filters {
        margin-top: 20px;
    }

    .selected-filter {
        display: inline-flex;
        margin-right: 5px;
        margin-bottom: 5px;
        padding: 5px 10px;
        background-color: #0547CC;
        border-radius: 3px;
        color: white;
        align-items: center;
    }

    .selected-filter .remove-filter {
        margin-left: 5px;
        color: white;
        cursor: pointer;
        font-size: 20px;
        font-weight: 700;
        transform: rotate(45deg) !important;
        display: inline-block;
    }
    div#selected-filters h3 {
        margin-bottom: 5px;
    }
    .ems-fil-wrapper.parent-category.has-children::after {
        cursor: pointer;
    }

    /* === PRICE FILTER === */
    .ems-price-filter{
        margin:15px 0;
        padding:12px;
        border-radius:6px;
        /* position: relative; */
    }
    .ems-price-filter__head{
        /* font-family:'Roboto'; */
        font-weight:600;
        text-transform:uppercase;
        font-size:21px;
        margin-bottom:8px;
        color: #212222;
    letter-spacing: 2px;
    }
    .ems-price-filter__inputs{display:flex;gap:8px;align-items:center;margin-bottom:10px}
    .ems-price-filter__inputs input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px}
    .ems-price-sep{opacity:.7}
    .ems-price-filter__ranges{position:relative;height:28px;margin:6px 2px 10px}
    .ems-price-filter__ranges input[type=range]{cursor: pointer;z-index:9;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;pointer-events:none;-webkit-appearance:none;background:transparent;height:28px;margin:0}
    .ems-price-filter__ranges input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;height:18px;width:18px;border-radius:50%;border:2px solid #333;background:#fff}
    .ems-price-filter__ranges input[type=range]::-moz-range-thumb{pointer-events:auto;height:18px;width:18px;border-radius:50%;border:2px solid #333;background:#fff}
    .ems-price-filter__track{position:absolute;left:0;right:0;top:13px;height:2px;background:#ddd}
    .ems-price-apply{display:inline-block;margin-top:4px;padding:6px 10px;border:0;background:#0547CC;color:white;border-radius:4px;font-weight:700;cursor:pointer}

    .ems-max-range::-webkit-slider-thumb{
    background: #0547CC !important;      
    border-color: #0547CC !important;    
    }
    .ems-max-range::-moz-range-thumb{
        background: #0547CC !important;
        border-color: #0547CC !important;
    }
    .ems-price-filter__ranges .ems-max-range::-ms-thumb{
        background: #0547CC !important;
        border-color: #0547CC !important;
    }

        .ems-min-range::-webkit-slider-thumb{
    background: #0547CC !important;      
    border-color: #0547CC !important;    
    }
    .ems-min-range::-moz-range-thumb{
        background: #0547CC !important;
        border-color: #0547CC !important;
    }
    .ems-price-filter__ranges .ems-min-range::-ms-thumb{
        background: #0547CC !important;
        border-color: #0547CC !important;
    }
    
   h2.widget-title {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}

@media(max-width:768px){
.ems-shop-layout-wrapper {
    flex-direction: column;
}
aside.ems-shop-sidebar {
    width: 100%;
}






/* Десктоп изглед: Крием генерирания бутон */
.ems-filter-toggle-btn {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #2a27e9;
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
}

.ems-filter-toggle-btn:hover{
        background-color: #2a27e9 !important;
        color: white !important;
    }

    aside.ems-shop-sidebar.ems-sidebar-active {
    width: 100% !important;
}



/* Мобилен изглед (до 991px) */
@media (max-width: 991px) {
    /* Обръщаме флекс контейнера в колона, за да застане бутонът над продуктите */
    .ems-shop-layout-wrapper {
        flex-direction: column !important;
    }

    /* Показваме бутона */
    .ems-filter-toggle-btn {
        display: flex;
    }

    /* Скриваме сайдбара първоначално */
    .ems-shop-sidebar {
        display: none !important;
    }

    /* Класът, който jQuery добавя при клик, за да покаже филтъра */
    .ems-shop-sidebar.ems-sidebar-active {
        display: block !important;
    }
}
}


@media (min-width: 1024px){
    button.ems-filter-toggle-btn {
    display: none;
}
}

.widget:after {
    width: 100% !important;
}

.ems-term-count {
    color: #999;
    font-size: 0.85em;
    font-weight: 300;
    margin-left: 2px;
}