/* DESKTOP */
.wb-sort-filter-desktop {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 0;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.wb-sort-filter-desktop .wb-sort-item {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    color: #222;
    background: #fff;
    padding: 10px 8px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    border-right: 1px solid #eeeeee;
    white-space: nowrap;
    transition: background .2s ease, color .2s ease;
}

.wb-sort-filter-desktop .wb-sort-item:last-child {
    border-right: none;
}

.wb-sort-filter-desktop .wb-sort-item:hover {
    background: #fafafa;
}

.wb-sort-filter-desktop .wb-sort-item.is-active {
    color: #e74c3c;
    font-weight: 500;
}

/* MOBILE BUTTON */
.wb-sort-filter-mobile {
    display: none;
}

.wb-sort-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    border: 1px solid #202020;
    border-radius: 4px;
    background: #fff;
    color: #202020;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: none;
}

/* FULLSCREEN OVERLAY */
.wb-sort-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: #ffffff;
    z-index: 2147483647;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;

}

.wb-sort-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.wb-sort-overlay-inner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.wb-sort-overlay-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 16px;
    background: #ffffff;
    border-bottom: 1px solid #ececec;
    flex: 0 0 auto;
}

.wb-sort-overlay-title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
    margin: 0;
}

.wb-sort-close {
    width: 44px;
    height: 44px;
    border: none;
    background: #f4f4f4;
    color: #111;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

.wb-sort-overlay-body {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
    padding: 0;
}

.wb-sort-overlay-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    padding: 18px 16px;
    text-decoration: none;
    color: #111;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 400;
    border-bottom: 1px solid #efefef;
    background: #ffffff;
    box-shadow: none;
}

.wb-sort-overlay-item:hover,
.wb-sort-overlay-item:focus {
    background: #ffffff;
    color: #111;
}

.wb-sort-overlay-item.is-active {
    color: #ef4b43;
    font-weight: 600;
}

.wb-sort-check {
    font-size: 24px;
    line-height: 1;
    color: #ef4b43;
    font-weight: 700;
    flex: 0 0 auto;
}














/* Tema içindeki sabit buton / ikon / widget sızmalarını bastır */
.wb-sort-overlay *,
.wb-sort-overlay *::before,
.wb-sort-overlay *::after {
    box-sizing: border-box;
}

.wb-sort-overlay img,
.wb-sort-overlay svg:not(.wb-sort-own-icon),
.wb-sort-overlay iframe,
.wb-sort-overlay .wd-tools-element,
.wb-sort-overlay .woodmart-sticky-social,
.wb-sort-overlay .scrollToTop,
.wb-sort-overlay .whb-sticky-shadow,
.wb-sort-overlay .wd-toolbar,
.wb-sort-overlay .wd-side-hidden,
.wb-sort-overlay .wd-cart-widget,
.wb-sort-overlay .widget,
.wb-sort-overlay .added_to_cart,
.wb-sort-overlay .button,
.wb-sort-overlay .ajax_add_to_cart,
.wb-sort-overlay .wd-floating-btn,
.wb-sort-overlay .wd-shopping-cart,
.wb-sort-overlay .wd-header-cart,
.wb-sort-overlay .wd-action-btn,
.wb-sort-overlay .wd-tools-inner {
    display: none !important;
}

/* Body lock */
body.wb-sort-locked {
    overflow: hidden !important;
    height: 100vh !important;
    touch-action: none;
}

/* Dar desktop */
@media (max-width: 1200px) {
    .wb-sort-filter-desktop .wb-sort-item {
        font-size: 11px;
        font-weight: 400;
        padding: 10px 6px;
    }
}

/* Tablet / mobil */
@media (max-width: 991px) {
    .wb-sort-filter-desktop {
        display: none;
    }

    .wb-sort-filter-mobile {
        display: block;
    }
}

/* Desktopte overlay kapalı */
@media (min-width: 992px) {
    .wb-sort-overlay {
        display: none !important;
    }
}









/* Overlay her şeyin üstünde olsun */
html body .wb-sort-overlay {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    z-index: 2147483647 !important;
    margin: 0 !important;
    transform: none !important;
}

/* İç panel de tam ekran doldursun */
html body .wb-sort-overlay .wb-sort-overlay-inner {
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
}



/* Overlay içeriği görünür kalsın */
body.wb-sort-locked .wb-sort-overlay,
body.wb-sort-locked .wb-sort-overlay * {
    visibility: visible !important;
}

/* Mobil güvenli alan */
@media (max-width: 991px) {
    .wb-sort-overlay-head {
        padding-top: calc(18px + env(safe-area-inset-top, 0px)) !important;
    }
}















/* Kapalıyken tamamen yok gibi davransın */
.wb-sort-overlay {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    background: #fff !important;
    z-index: 2147483647 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translate3d(0,0,0) !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: layout style paint;
}

/* Açıkken aktif */
.wb-sort-overlay.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* İç alan */
.wb-sort-overlay-inner {
    width: 100% !important;
    height: 100% !important;
    min-height: 100dvh !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* Overlay açılır açılmaz tema header ve sticky araçları tamamen kaybolsun */
body.wb-sort-opening header,
body.wb-sort-opening .whb-header,
body.wb-sort-opening .whb-main-header,
body.wb-sort-opening .whb-sticked-header,
body.wb-sort-opening .sticky-header,
body.wb-sort-opening .wd-header-wrapper,
body.wb-sort-opening .wd-header,
body.wb-sort-opening .header-wrapper,
body.wb-sort-opening .wd-toolbar,
body.wb-sort-opening .wd-tools-element,
body.wb-sort-opening .wd-cart-widget,
body.wb-sort-opening .wd-header-cart,
body.wb-sort-opening .wd-action-btn,
body.wb-sort-opening .wd-shopping-cart,
body.wb-sort-opening .mobile-nav,
body.wb-sort-opening .site-header,
body.wb-sort-opening .main-header,
body.wb-sort-locked header,
body.wb-sort-locked .whb-header,
body.wb-sort-locked .whb-main-header,
body.wb-sort-locked .whb-sticked-header,
body.wb-sort-locked .sticky-header,
body.wb-sort-locked .wd-header-wrapper,
body.wb-sort-locked .wd-header,
body.wb-sort-locked .header-wrapper,
body.wb-sort-locked .wd-toolbar,
body.wb-sort-locked .wd-tools-element,
body.wb-sort-locked .wd-cart-widget,
body.wb-sort-locked .wd-header-cart,
body.wb-sort-locked .wd-action-btn,
body.wb-sort-locked .wd-shopping-cart,
body.wb-sort-locked .mobile-nav,
body.wb-sort-locked .site-header,
body.wb-sort-locked .main-header {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Overlay içeriği görünür kalsın */
body.wb-sort-opening .wb-sort-overlay,
body.wb-sort-opening .wb-sort-overlay *,
body.wb-sort-locked .wb-sort-overlay,
body.wb-sort-locked .wb-sort-overlay * {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Scroll kilidi */
body.wb-sort-opening,
body.wb-sort-locked {
    overflow: hidden !important;
    height: 100dvh !important;
}

/* Mobilde üst boşluk */
@media (max-width: 991px) {
    .wb-sort-overlay-head {
        padding-top: calc(18px + env(safe-area-inset-top, 0px)) !important;
    }
}



















@media (max-width: 991px) {

    /* Mobilde desktop sıralama kapalı */
    .wb-sort-filter-desktop {
        display: none !important;
    }

    /* Sıralama butonu görünür */
    .wb-sort-filter-mobile {
        display: block !important;
        margin: 0 !important;
    }

    /* Woodmart filtre alanı + sıralama aynı çizgide sade görünsün */
    .wd-builder-off-canvas,
    .wd_builder_off_canvas_column_btn,
    .wb-sort-filter-mobile {
        display: inline-flex !important;
        align-items: center !important;
        vertical-align: middle !important;
    }

    /* Woodmart filtre tetikleyicisi: sadece görünüm */
    .wd-builder-off-canvas .wd-off-canvas-btn,
    .wd_builder_off_canvas_column_btn .wd-off-canvas-btn,
    a.wd-off-canvas-btn {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 18px 0 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        color: #1f1f1f !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        text-decoration: none !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        min-height: auto !important;
    }

    /* Sıralama: filtreleme ile aynı dil */
    .wb-sort-open {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        color: #1f1f1f !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        min-height: auto !important;
        cursor: pointer !important;
    }

    .wb-sort-open::before {
        content: "☰";
        display: inline-block;
        font-size: 18px;
        line-height: 1;
        font-weight: 400;
        color: #1f1f1f;
    }
}

















@media (max-width: 991px) {

    /* Filtreleme + sıralama satırı */
    .elementor-element-ed3eda7 .elementor-widget-wrap,
    .elementor-element-ed3eda7 .e-con-inner,
    .elementor-element-ed3eda7 {
        align-items: center;
    }

    /* Ortak görünüm */
    .elementor-element-ed3eda7 .wd-off-canvas-btn,
    .elementor-element-ed3eda7 .wb-sort-filter-wrap,
    .elementor-element-ed3eda7 .wb-sort-filter-mobile,
    .elementor-element-ed3eda7 .wb-sort-open {
        margin: 0 !important;
    }

    /* İki elemanı taşıyan alan */
    .elementor-element-ed3eda7 .elementor-widget-wrap {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
    }

    /* Filtreleme linki */
    .elementor-element-ed3eda7 .wd-off-canvas-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-height: 42px !important;
        padding: 0 16px !important;

        border: 1px solid #e4e4e4  !important;
 
        color: #1f2937 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        box-shadow: none !important;
        text-decoration: none !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    /* Filtreleme ikon */
    .elementor-element-ed3eda7 .wd-off-canvas-btn::before {
        font-size: 16px !important;
        line-height: 1 !important;
    }

    /* Sıralama sarmalayıcı */
    .elementor-element-ed3eda7 .wb-sort-filter-wrap {
        width: auto !important;
        flex: 0 0 auto !important;
    }

    .elementor-element-ed3eda7 .wb-sort-filter-mobile {
        display: block !important;
    }

    /* Sıralama butonu */
    .elementor-element-ed3eda7 .wb-sort-open {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-height: 42px !important;
        padding: 0 16px !important;
 
        border: 1px solid #e4e4e4  !important;
  
        color: #1f2937 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        box-shadow: none !important;
        white-space: nowrap !important;
    }

    /* Sıralama ikonu */
    .elementor-element-ed3eda7 .wb-sort-open::before {
        content: "⇅";
        display: inline-block;
        font-size: 16px;
        line-height: 1;
        font-weight: 400;
        color: #1f2937;
    }

    /* Hover / aktif */
    .elementor-element-ed3eda7 .wd-off-canvas-btn:hover,
    .elementor-element-ed3eda7 .wb-sort-open:hover,
    .elementor-element-ed3eda7 .wd-off-canvas-btn:focus,
    .elementor-element-ed3eda7 .wb-sort-open:focus {
        background: #eef2f7 !important;
        border-color: #d7dde5 !important;
        color: #111827 !important;
    }

    /* Tıklanma hissi */
    .elementor-element-ed3eda7 .wd-off-canvas-btn:active,
    .elementor-element-ed3eda7 .wb-sort-open:active {
        transform: translateY(1px);
    }

    /* Desktop sort bar mobilde kapalı */
    .elementor-element-ed3eda7 .wb-sort-filter-desktop {
        display: none !important;
    }
}