/* v2.1.0 — İlk yüklemede eski filtre görünümünü göstermeme */
html.kiracti-filters-booting .shop-sidebar,
html.kiracti-filters-booting #shop-sidebar,
html.kiracti-filters-booting .widget-area.shop-sidebar,
html.kiracti-filters-booting .sidebar.shop-sidebar{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

html.kiracti-filters-ready .shop-sidebar,
html.kiracti-filters-ready #shop-sidebar,
html.kiracti-filters-ready .widget-area.shop-sidebar,
html.kiracti-filters-ready .sidebar.shop-sidebar{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .12s ease!important;
}


.kiracti-filter-widget{margin-bottom:28px!important}
.kiracti-filter-widget .widget-title,
.kiracti-filter-widget .widgettitle{
    margin-bottom:12px!important;
    color:#4b5049!important;
    font-size:14px!important;
    font-weight:600!important;
    letter-spacing:.02em!important
}
.kiracti-filter-widget .is-divider{
    width:26px!important;
    height:2px!important;
    margin:8px 0 14px!important;
    background:#dfe2dd!important
}

/* TABLO ÖLÇÜSÜ */
.kiracti-filter-size ul,
.kiracti-filter-size .woocommerce-widget-layered-nav-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important
}
.kiracti-filter-size li{
    position:relative!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important
}
.kiracti-filter-size li a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:36px!important;
    padding:7px 22px 7px 8px!important;
    border:1px solid #e1e3df!important;
    background:#fff!important;
    color:#5a6057!important;
    font-size:12.5px!important;
    font-weight:500!important;
    line-height:1.15!important;
    text-align:center!important;
    transition:.16s ease!important
}
.kiracti-filter-size li a:hover{
    border-color:#7f897b!important;
    background:#f7f8f6!important;
    color:#394037!important;
    transform:none
}
.kiracti-filter-size li.chosen a,
.kiracti-filter-size li.current-cat a,
.kiracti-filter-size li.current a{
    border-color:#4f5848!important;
    background:#4f5848!important;
    color:#fff!important
}
.kiracti-filter-size .count{
    position:absolute!important;
    top:50%!important;
    right:7px!important;
    transform:translateY(-50%)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    border-radius:9px!important;
    background:#f0f1ee!important;
    color:#858982!important;
    font-size:9.5px!important;
    line-height:1!important;
    pointer-events:none!important
}
.kiracti-filter-size li.chosen .count,
.kiracti-filter-size li.current .count{
    background:rgba(255,255,255,.16)!important;
    color:#fff!important
}

/* YÖN */
.kiracti-filter-direction ul,
.kiracti-filter-direction .woocommerce-widget-layered-nav-list{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important
}
.kiracti-filter-direction li{
    display:block!important;
    position:relative!important;
    margin:0!important;
    padding:0!important;
    border:0!important
}
.kiracti-filter-direction li a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    min-height:58px!important;
    padding:7px 4px!important;
    border:1px solid #e1e3df!important;
    background:#fff!important;
    color:#5a6057!important;
    font-size:9.5px!important;
    font-weight:500!important;
    line-height:1!important;
    text-align:center!important;
    transition:.16s ease!important
}
.kiracti-filter-direction li a:hover{
    border-color:#7f897b!important;
    background:#f7f8f6!important;
    color:#394037!important;
    transform:none
}
.kiracti-filter-direction li.chosen a,
.kiracti-filter-direction li.current a{
    border-color:#4f5848!important;
    background:#4f5848!important;
    color:#fff!important
}
.kiracti-dir-icon{
    display:block!important;
    box-sizing:border-box!important;
    border:1.5px solid currentColor!important;
    opacity:.78!important
}
.kiracti-dir-icon.is-vertical{width:13px!important;height:21px!important}
.kiracti-dir-icon.is-square{width:18px!important;height:18px!important}
.kiracti-dir-icon.is-horizontal{width:23px!important;height:14px!important}
.kiracti-filter-direction .count{
    position:absolute!important;
    right:4px!important;
    top:4px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:15px!important;
    height:15px!important;
    padding:0 3px!important;
    border-radius:8px!important;
    background:#f0f1ee!important;
    color:#8a8e87!important;
    font-size:9px!important;
    line-height:1!important;
    pointer-events:none!important
}

/* KATEGORİLER */
.kiracti-filter-categories ul{margin:0!important;padding:0!important}
.kiracti-filter-categories li{
    position:relative!important;
    margin:2px 0!important;
    padding:0!important;
    border:0!important
}
.kiracti-filter-categories li > a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:31px!important;
    padding:6px 34px 6px 10px!important;
    border-left:2px solid transparent!important;
    background:transparent!important;
    color:#62685f!important;
    font-size:12.5px!important;
    font-weight:500!important;
    line-height:1.2!important;
    transition:.15s ease!important
}
.kiracti-filter-categories li > a:hover{
    border-left-color:#4f5848!important;
    background:#f5f6f3!important;
    color:#353b33!important;
    padding-left:13px!important
}
.kiracti-filter-categories li.current-cat > a,
.kiracti-filter-categories li.current-cat-parent > a{
    border-left-color:#4f5848!important;
    background:#f2f4f0!important;
    color:#394037!important;
    font-weight:600!important
}
.kiracti-filter-categories .count{
    position:absolute!important;
    right:7px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    border-radius:9px!important;
    background:#f0f1ee!important;
    color:#8a8e87!important;
    font-size:9.5px!important;
    line-height:1!important
}

/* RESSAM */
.kiracti-filter-artist ul{margin:0!important;padding:0!important}
.kiracti-filter-artist li{
    position:relative!important;
    margin:3px 0!important;
    padding:0!important;
    border:0!important
}
.kiracti-filter-artist li a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:32px!important;
    padding:6px 34px 6px 25px!important;
    border:1px solid transparent!important;
    background:transparent!important;
    color:#62685f!important;
    font-size:12.5px!important;
    font-weight:500!important;
    line-height:1.2!important;
    transition:.15s ease!important
}
.kiracti-filter-artist li a:before{
    content:""!important;
    position:absolute!important;
    left:9px!important;
    top:50%!important;
    width:7px!important;
    height:7px!important;
    transform:translateY(-50%)!important;
    border:1px solid #8f968b!important;
    border-radius:50%!important;
    background:#fff!important
}
.kiracti-filter-artist li a:hover{
    border-color:#e2e4e0!important;
    background:#f7f8f6!important;
    color:#353b33!important
}
.kiracti-filter-artist li.chosen a,
.kiracti-filter-artist li.current a{
    border-color:#cfd4cc!important;
    background:#f2f4f0!important;
    color:#394037!important;
    font-weight:600!important
}
.kiracti-filter-artist li.chosen a:before,
.kiracti-filter-artist li.current a:before{
    border-color:#4f5848!important;
    background:#4f5848!important;
    box-shadow:inset 0 0 0 2px #fff!important
}
.kiracti-filter-artist .count{
    position:absolute!important;
    right:7px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#92968f!important;
    font-size:10px!important
}

.kiracti-filter-widget li{box-shadow:none!important}
.kiracti-filter-widget li + li{border-top:0!important}

@media(max-width:849px){
    .kiracti-filter-size ul,
    .kiracti-filter-size .woocommerce-widget-layered-nav-list{
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
    .kiracti-filter-direction li a{min-height:54px!important}
}


/* v1.0.1 — seçili durum ve görünürlük düzeltmeleri */
.kiracti-filter-size li a,
.kiracti-filter-direction li a,
.kiracti-filter-categories li > a,
.kiracti-filter-artist li a{
    box-sizing:border-box!important;
}

/* Seçimde boyut / genişlik değişmesin */
.kiracti-filter-size li.chosen a,
.kiracti-filter-size li.current a,
.kiracti-filter-direction li.chosen a,
.kiracti-filter-direction li.current a{
    transform:none!important;
    min-height:inherit!important;
}

/* Daha nötr, premium seçili ton */
.kiracti-filter-size li.chosen a,
.kiracti-filter-size li.current a,
.kiracti-filter-direction li.chosen a,
.kiracti-filter-direction li.current a{
    background:#5b6358!important;
    border-color:#5b6358!important;
    color:#fff!important;
}

/* Flatsome'un gri daire/chosen sembolünü kapat */
.kiracti-filter-widget li.chosen > a:after,
.kiracti-filter-widget li.chosen > a:before,
.kiracti-filter-widget .chosen:before,
.kiracti-filter-widget .chosen:after{
    box-shadow:none!important;
}

/* Yön kartlarında bizim ikonumuz korunur; eski remove/chosen simgeleri gizlenir */
.kiracti-filter-direction li.chosen > a > .remove,
.kiracti-filter-direction li.chosen > a > .chosen,
.kiracti-filter-direction li.chosen > a > span:not(.kiracti-dir-icon):not(.count){
    /* İçerik span'larını topluca saklamamak için yalnızca yaygın classlar hedefleniyor */
}

/* Belirgin beyaz X: seçili kartın sağ üstü */
.kiracti-filter-size li.chosen > a,
.kiracti-filter-direction li.chosen > a{
    position:relative!important;
}
.kiracti-filter-size li.chosen > a:after,
.kiracti-filter-direction li.chosen > a:after{
    content:"×"!important;
    position:absolute!important;
    right:5px!important;
    top:3px!important;
    width:16px!important;
    height:16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.96)!important;
    color:#4f5848!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1!important;
    z-index:4!important;
}

/* Mevcut gri sayı rozeti seçili kartta X ile karışmasın */
.kiracti-filter-direction li.chosen .count,
.kiracti-filter-size li.chosen .count{
    top:auto!important;
    bottom:4px!important;
    right:5px!important;
    transform:none!important;
    background:rgba(255,255,255,.18)!important;
    color:#fff!important;
}

/* Yön ikonları büyümesin */
.kiracti-filter-direction li.chosen .kiracti-dir-icon,
.kiracti-filter-direction li.current .kiracti-dir-icon{
    transform:none!important;
    opacity:.95!important;
}

/* Kategori / ressam seçili durumda genişleme yok */
.kiracti-filter-categories li.current-cat > a,
.kiracti-filter-categories li.current-cat-parent > a,
.kiracti-filter-artist li.chosen a,
.kiracti-filter-artist li.current a{
    transform:none!important;
}

/* Kategoriler biraz daha rahat okunur */
.kiracti-filter-categories li > a,
.kiracti-filter-artist li a{
    min-height:35px!important;
}

/* Ölçü kartları da büyüyen yazıya göre biraz nefes alsın */
.kiracti-filter-size li a{
    min-height:40px!important;
}

/* Yön kartları sabit yüksek */
.kiracti-filter-direction li a{
    height:66px!important;
    min-height:66px!important;
}


/* v1.0.3 — TABLO ÖLÇÜSÜ RESPONSIVE / ÇOK SEÇENEK DÜZELTMESİ */

/* 2 sütun korunur; kartlar eşit ve stabil kalır. */
.kiracti-filter-size ul,
.kiracti-filter-size .woocommerce-widget-layered-nav-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(40px,auto)!important;
    align-items:stretch!important;
    max-height:196px!important; /* yaklaşık 4 satır + aralık */
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:4px!important;
    scrollbar-width:thin!important;
    scrollbar-color:#c9cec6 transparent!important;
    overscroll-behavior:contain!important;
}

.kiracti-filter-size ul::-webkit-scrollbar,
.kiracti-filter-size .woocommerce-widget-layered-nav-list::-webkit-scrollbar{
    width:4px!important;
}

.kiracti-filter-size ul::-webkit-scrollbar-track,
.kiracti-filter-size .woocommerce-widget-layered-nav-list::-webkit-scrollbar-track{
    background:transparent!important;
}

.kiracti-filter-size ul::-webkit-scrollbar-thumb,
.kiracti-filter-size .woocommerce-widget-layered-nav-list::-webkit-scrollbar-thumb{
    background:#c9cec6!important;
    border-radius:4px!important;
}

/* Ölçü metni tek satır; sayı rozeti ne kadar büyürse büyüsün alt satıra düşmez. */
.kiracti-filter-size li{
    min-width:0!important;
    overflow:hidden!important;
}

.kiracti-filter-size li a{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:40px!important;
    padding:7px 36px 7px 7px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
}

/* 1, 10, 100, 1000 gibi sayılarda badge yatay büyür; asla aşağı kaymaz. */
.kiracti-filter-size .count{
    top:50%!important;
    right:6px!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:auto!important;
    min-width:18px!important;
    max-width:31px!important;
    height:18px!important;
    padding:0 5px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
    line-height:18px!important;
}

/* Seçili durumda X sağ üstte, ürün adedi sağ altta; birbirine girmez. */
.kiracti-filter-size li.chosen > a{
    padding-right:38px!important;
}

.kiracti-filter-size li.chosen > a:after{
    right:5px!important;
    top:3px!important;
}

.kiracti-filter-size li.chosen .count{
    right:5px!important;
    bottom:3px!important;
    top:auto!important;
    transform:none!important;
    height:15px!important;
    min-width:16px!important;
    max-width:29px!important;
    line-height:15px!important;
    padding:0 4px!important;
}

/* Sidebar biraz daralırsa iki kolon yine korunur, kartlar taşmaz. */
@media (max-width:1100px){
    .kiracti-filter-size li a{
        padding-left:5px!important;
        padding-right:33px!important;
    }
}

/* Çok dar mobil off-canvas sidebar'da kartlar okunaklı kalsın. */
@media (max-width:420px){
    .kiracti-filter-size ul,
    .kiracti-filter-size .woocommerce-widget-layered-nav-list{
        gap:6px!important;
        max-height:190px!important;
    }

    .kiracti-filter-size li a{
        min-height:38px!important;
        padding-left:5px!important;
        padding-right:31px!important;
    }

    .kiracti-filter-size .count{
        right:5px!important;
        min-width:17px!important;
        max-width:28px!important;
        padding:0 4px!important;
    }
}


/* v1.0.4 — Flatsome/WooCommerce eski seçili filtre dairesini temizle */
.kiracti-filter-direction li.chosen > a > .remove,
.kiracti-filter-direction li.chosen > a > .chosen,
.kiracti-filter-direction li.chosen > a > .filter-remove,
.kiracti-filter-direction li.chosen > a > .remove-filter,
.kiracti-filter-direction li.chosen > .remove,
.kiracti-filter-direction li.chosen > .chosen,
.kiracti-filter-direction li.chosen .woocommerce-widget-layered-nav-list__remove,
.kiracti-filter-direction li.chosen .remove_from_filter{
    display:none!important;
}

/* Flatsome bazı sürümlerde daireyi pseudo-element ile üretir */
.kiracti-filter-direction li.chosen > a:before{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
}

/* Bizim yön ikonumuz aynı kalır */
.kiracti-filter-direction li.chosen > a > .kiracti-dir-icon{
    display:block!important;
}

/* Sadece bizim beyaz X görünür */
.kiracti-filter-direction li.chosen > a:after{
    content:"×"!important;
    display:flex!important;
}

/* v1.0.6 font tweaks */
.kiracti-filter-size li a{
    font-size:7.5px!important;
}
.kiracti-filter-artist li a{
    font-size:13.5px!important;
}

/* v1.0.7 restore size filter text only */
.kiracti-filter-size li a{
    font-size:9.5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

/* v1.0.8 */
.kiracti-filter-size li a{
    font-size:10.5px!important;
}


/* ===== Kıraçtı Modern Filtreler v2.0.0 ===== */

/* Ölçü kartı yazısı - tek nihai kural */
.shop-sidebar .kiracti-filter-size li > a,
.widget-area .kiracti-filter-size li > a,
#shop-sidebar .kiracti-filter-size li > a{
    font-size:11.5px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
}

/* Ressam yazıları */
.shop-sidebar .kiracti-filter-artist li > a,
.widget-area .kiracti-filter-artist li > a{
    font-size:13.5px !important;
}

/* Flatsome seçili işaretlerini tamamen temizle */
.kiracti-filter-size li.chosen > a:before,
.kiracti-filter-size li.chosen > a .remove,
.kiracti-filter-size li.chosen > a .chosen,
.kiracti-filter-direction li.chosen > a:before,
.kiracti-filter-direction li.chosen > a .remove,
.kiracti-filter-direction li.chosen > a .chosen{
    display:none !important;
    content:none !important;
}