/* ===========================
   Estilo: filtro por categorias
   =========================== */

/* Titulos do widget */
#secondary {
    margin: 4.347826087%;
}
#secondary .widget_block .wp-block-heading {
    font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 18px 0;
    color: #111;
    position: relative;
    padding-left: 14px; /* espaço para a barra azul */
    line-height: 1;
}

/* barra vertical azul fina à esquerda do título */
#secondary .widget_block .wp-block-heading::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 28px;
    background: #ff8a00; /* ajuste a cor azul conforme precisar */
    border-radius: 2px;
}

/* lista e itens */
#secondary .wc-block-product-categories-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

#secondary .wc-block-product-categories-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 6px;
    margin-bottom: 8px;
}

/* link + nome da categoria (lado esquerdo) */
#secondary .wc-block-product-categories-list-item a {
    color: #111;
    text-decoration: none;
    display: block;
    width: 100%;
}

/* Nome: deixar com padding-left pra espaço do "checkbox" visual */
#secondary .wc-block-product-categories-list-item__name {
    display: inline-block;
    font-family: "Poppins", system-ui, Arial, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #111;
    position: relative;
    padding-left: 34px; /* espaço para o pseudo-checkbox */
    line-height: 1.2;
}

/* pseudo-checkbox quadrado antes do nome (apenas visual) */
#secondary .wc-block-product-categories-list-item__name::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 2px solid #d6d6d6;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}

/* quando o usuário passar o mouse no link, destacar o checkbox e o texto */
#secondary .wc-block-product-categories-list-item a:hover .wc-block-product-categories-list-item__name,
#secondary .wc-block-product-categories-list-item a:focus .wc-block-product-categories-list-item__name {
    color: #000;
}
#secondary .wc-block-product-categories-list-item a:hover .wc-block-product-categories-list-item__name::before,
#secondary .wc-block-product-categories-list-item a:focus .wc-block-product-categories-list-item__name::before {
    border-color: #009fe3;
}

/* contador (badge) à direita — branco com número laranja */
#secondary .wc-block-product-categories-list-item-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 28px;
    padding: 0 8px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(255,138,0,0.12);
    color: #ff8a00;
    font-weight: 700;
    font-size: 13px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.02);
    margin-left: 8px;
}

/* tornar o layout responsivo (em telas pequenas empilha) */
@media (max-width: 480px) {
    #secondary .wc-block-product-categories-list-item {
        align-items: flex-start;
        gap: 8px;
    }
    #secondary .wc-block-product-categories-list-item__name {
        font-size: 14px;
    }
}

/* ajuste estético final: remover espaçamento estranho do bloco do widget */
#secondary .widget_block {
    padding: 0;
    margin: 0 0 20px 0;
}

#wc-price-slider-wc_price_slider_widget-2 .slider-track{
    position:absolute; left:0; right:0; top:50%; transform:translateY(-50%);
    height:10px; background:#f0f0f0; border-radius:10px; z-index:1; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.02);
}
#wc-price-slider-wc_price_slider_widget-2 .slider-range{
    position:absolute; top:50%; transform:translateY(-50%); height:10px; background:#ff8a00; border-radius:10px; z-index:2;
}
#wc-price-slider-wc_price_slider_widget-2 input[type="range"]{
    -webkit-appearance:none; appearance:none; pointer-events:none; position:absolute; left:0; right:0; top:-15%;
    height:44px; margin:0; z-index:3; background:transparent;
}
#wc-price-slider-wc_price_slider_widget-2 input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none; appearance:none; pointer-events:auto; width:22px; height:22px; border-radius:50%;
    background:#ff8a00; border:3px solid #ffffff; box-shadow: 0 1px 2px rgba(0,0,0,0.15); cursor:pointer; position:relative;
}
#wc-price-slider-wc_price_slider_widget-2 input[type="range"]::-moz-range-thumb{
    pointer-events:auto; width:22px; height:22px; border-radius:50%; background:#ff8a00; border:3px solid #ffffff; box-shadow: 0 1px 2px rgba(0,0,0,0.15); cursor:pointer;
}
#wc-price-slider-wc_price_slider_widget-2 input[type="range"]::-webkit-slider-runnable-track{ background:transparent; height:10px; }
#wc-price-slider-wc_price_slider_widget-2 .apply-btn{ background:#000; color:#fff; border:none; padding:10px 16px; border-radius:10px; font-weight:700; cursor:pointer; box-shadow: 0 6px 12px rgba(0,0,0,0.08); }