/**
 * İlan Pazarı — yalnızca mobil + tablet (≤1024px)
 * Masaüstü: ilan-pazari.css (değiştirilmez)
 */

@media (max-width: 1024px) {
    /*
     * Tek yatay dolgu — header .header-container ile aynı (mobile-header-bar.css).
     * mobile-layout.css çift padding veriyordu (.ilan-pazari-shell + __inner).
     */
    body.page-ilan-pazari {
        --ip-m-pad: max(16px, env(safe-area-inset-left));
        --ip-m-pad-r: max(16px, env(safe-area-inset-right));
        --ip-card-inset: 12px;
        --ip-chrome-bg: var(--header-strip-bg, #2a2a2a);
        --ip-chrome-border: rgba(255, 255, 255, 0.1);
        --ip-row-surface: rgba(0, 0, 0, 0.12);
        --ip-search-bg: var(--chrome-control-bg, #1a1c23);
        --ip-search-border: var(--header-strip-border, #2d3139);
        --ip-search-text: var(--text-body, #e8eaed);
        --ip-search-placeholder: rgba(255, 255, 255, 0.82);
    }

    body.light-mode.page-ilan-pazari {
        --ip-chrome-border: rgba(0, 0, 0, 0.08);
        --ip-row-surface: #f3f4f6;
        --ip-search-bg: #f4f6f9;
        --ip-search-border: rgba(0, 0, 0, 0.12);
        --ip-search-text: #1f2937;
        --ip-search-placeholder: #6b7280;
    }

    body.page-ilan-pazari .ilan-pazari-shell {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    body.page-ilan-pazari .breadcrumb .container,
    body.page-ilan-pazari .ilan-pazari-toolbar-strip__inner,
    body.page-ilan-pazari .ilan-pazari-page > .container.ilan-pazari-layout {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: var(--ip-m-pad) !important;
        padding-right: var(--ip-m-pad-r) !important;
        box-sizing: border-box !important;
    }

    body.page-ilan-pazari .ilan-pazari-toolbar-strip {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-ilan-pazari .ilan-pazari-toolbar-strip__inner {
        padding-top: 8px !important;
        padding-bottom: 6px !important;
    }

    body.page-ilan-pazari .ilan-pazari-page > .container.ilan-pazari-layout {
        padding-top: 10px !important;
        gap: 12px;
    }

    body.page-ilan-pazari #ilanPazariToolbar.ilan-pazari-toolbar {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__chrome,
    body.page-ilan-pazari .ilan-pazari-toolbar__filters-bar {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    /*
     * Resim düzeni:
     * — Üst: tek kutu (header-strip-bg + ince çerçeve), içinde 3 satır (koyu satır zemin + yan boşluk)
     * — Alt: ayrı Filtreler kutusu (aynı dış zemin)
     */
    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__chrome {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 10px var(--ip-card-inset) !important;
        margin: 0;
        background: var(--ip-chrome-bg) !important;
        background-color: var(--ip-chrome-bg) !important;
        border: 1px solid var(--ip-chrome-border) !important;
        border-radius: 12px !important;
        outline: none !important;
        box-shadow: none !important;
        box-sizing: border-box;
    }

    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__search-wrap {
        flex: none;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        background: var(--ip-search-bg) !important;
        background-color: var(--ip-search-bg) !important;
        border: 1px solid var(--ip-search-border) !important;
        border-radius: 10px !important;
        box-shadow: none !important;
    }

    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__switch {
        flex: none;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        background: var(--ip-search-bg) !important;
        background-color: var(--ip-search-bg) !important;
        border: 1px solid var(--ip-search-border) !important;
        border-radius: 10px !important;
        box-shadow: none !important;
    }

    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__switch:focus-within {
        border: 1px solid #4a9eff !important;
        box-shadow: none !important;
        outline: none !important;
    }

    body.page-ilan-pazari .ilan-pazari-sidebar__search {
        background: var(--ip-search-bg) !important;
        background-color: var(--ip-search-bg) !important;
        border: 1px solid var(--ip-search-border) !important;
    }

    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__search-wrap:focus-within,
    body.page-ilan-pazari .ilan-pazari-sidebar__search:focus-within {
        border: 1px solid #4a9eff !important;
        box-shadow: none !important;
        outline: none !important;
    }

    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__sort-wrap {
        flex: none;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        border-radius: 10px !important;
        box-shadow: none !important;
    }

    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__search-wrap {
        min-height: 44px;
        padding-left: var(--ip-card-inset) !important;
        padding-right: var(--ip-card-inset) !important;
    }

    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__switch {
        min-height: 44px;
        height: auto;
        padding: 10px var(--ip-card-inset) !important;
    }

    /* Sıralama — mobil yerel <select>, arama/oto teslimat ile aynı hiza */
    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__sort-wrap {
        position: relative !important;
        z-index: 2;
        overflow: hidden !important;
        max-width: none !important;
        min-width: 0 !important;
        width: 100% !important;
        flex: none !important;
        align-self: stretch !important;
        padding: 0 !important;
        min-height: 44px;
        display: block !important;
        background: var(--ip-search-bg) !important;
        background-color: var(--ip-search-bg) !important;
        border: 1px solid var(--ip-search-border) !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        transition: border-color 0.18s ease;
    }

    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__sort-wrap:focus-within {
        border: 1px solid #4a9eff !important;
        box-shadow: none !important;
        outline: none !important;
    }

    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__sort-wrap.sort-options::after {
        right: 14px;
    }

    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__sort-select {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        min-height: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 38px 0 14px !important;
        line-height: 44px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        border-radius: 10px !important;
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        color: var(--ip-search-text) !important;
        -webkit-tap-highlight-color: transparent;
    }

    body.light-mode.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__sort-select {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        color: var(--ip-search-text) !important;
    }

    body.page-ilan-pazari .ilan-pazari-toolbar__filters-bar {
        display: block !important;
        width: 100%;
        box-sizing: border-box;
        padding: 10px var(--ip-card-inset) !important;
        background: var(--ip-chrome-bg) !important;
        background-color: var(--ip-chrome-bg) !important;
        border: 1px solid var(--ip-chrome-border) !important;
        outline: none !important;
        border-radius: 12px !important;
        box-shadow: none !important;
    }

    body.light-mode.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__chrome,
    body.light-mode.page-ilan-pazari .ilan-pazari-toolbar__filters-bar {
        background: var(--ip-chrome-bg) !important;
        background-color: var(--ip-chrome-bg) !important;
    }

    #ilanPazariToolbar .ilan-pazari-toolbar__filter--in-search {
        display: none !important;
    }

    body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__search {
        min-height: 44px;
        padding-left: 0 !important;
        padding-right: 4px !important;
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .ilan-pazari-toolbar__search-decor {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 28px;
        color: #6b7280;
        font-size: 14px;
        opacity: 0.85;
        pointer-events: auto !important;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    #ilanPazariToolbar .ilan-pazari-toolbar__search input {
        font-size: 13px;
        color: var(--ip-search-text) !important;
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    #ilanPazariToolbar .ilan-pazari-toolbar__search input::placeholder {
        color: var(--ip-search-placeholder) !important;
    }

    #ilanPazariToolbar .ilan-pazari-toolbar__search i,
    .ilan-pazari-sidebar__search .ri-search-line {
        color: var(--text-faint, #a0aec0) !important;
    }

    #ilanPazariToolbar .ilan-pazari-toolbar__search-wrap,
    #ilanPazariToolbar .ilan-pazari-toolbar__switch {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* Filtreler butonu — basınca gri / kenar yok */
    .ilan-pazari-toolbar__filters-panel-btn,
    .ilan-pazari-toolbar__filters-panel-btn:hover,
    .ilan-pazari-toolbar__filters-panel-btn:focus,
    .ilan-pazari-toolbar__filters-panel-btn:focus-visible,
    .ilan-pazari-toolbar__filters-panel-btn:active,
    .ilan-pazari-toolbar__filters-panel-btn.is-open {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 40px;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        border: none !important;
        outline: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        color: #e5e7eb !important;
        font-size: 13px;
        font-weight: 600;
        font-family: inherit;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: transparent;
        transition: none;
    }

    body.light-mode .ilan-pazari-page .ilan-pazari-toolbar__filters-panel-btn,
    body.light-mode .ilan-pazari-page .ilan-pazari-toolbar__filters-panel-btn:hover,
    body.light-mode .ilan-pazari-page .ilan-pazari-toolbar__filters-panel-btn:focus,
    body.light-mode .ilan-pazari-page .ilan-pazari-toolbar__filters-panel-btn:active,
    body.light-mode .ilan-pazari-page .ilan-pazari-toolbar__filters-panel-btn.is-open {
        background: transparent !important;
        color: #1f2937 !important;
    }

    .ilan-pazari-toolbar__filters-panel-btn-left {
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }

    /* Mavi filtre ikonu → açıkken mavi X */
    .ilan-pazari-toolbar__filters-icon {
        position: relative;
        width: 20px;
        height: 16px;
        flex-shrink: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #4a9eff;
    }

    .ilan-pazari-toolbar__filters-icon-filter {
        display: block;
        width: 18px;
        height: auto;
        transition: opacity 0.15s ease, transform 0.15s ease;
    }

    .ilan-pazari-toolbar__filters-icon-close {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale(0.85);
        font-size: 17px;
        line-height: 1;
        color: #4a9eff !important;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.15s ease, transform 0.15s ease;
    }

    .ilan-pazari-toolbar__filters-panel-btn.is-open .ilan-pazari-toolbar__filters-icon-filter {
        opacity: 0;
        transform: scale(0.8);
    }

    .ilan-pazari-toolbar__filters-panel-btn.is-open .ilan-pazari-toolbar__filters-icon-close {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    body.light-mode .ilan-pazari-page .ilan-pazari-toolbar__filters-icon,
    body.light-mode .ilan-pazari-page .ilan-pazari-toolbar__filters-icon-close {
        color: #3a8bef !important;
    }

    .ilan-pazari-toolbar__filters-chev {
        flex-shrink: 0;
        font-size: 12px;
        color: #6b7280;
        margin-left: 8px;
        transition: transform 0.2s ease, color 0.15s ease;
    }

    .ilan-pazari-toolbar__filters-panel-btn.is-open .ilan-pazari-toolbar__filters-chev {
        transform: rotate(180deg);
        color: #9ca3af;
    }

    body.light-mode .ilan-pazari-page .ilan-pazari-toolbar__filters-chev {
        color: #6b7280;
    }

    /* Kategoriler — başlangıçta gizli */
    .ilan-pazari-layout {
        grid-template-columns: 1fr !important;
    }

    .ilan-pazari-sidebar {
        display: none !important;
        margin: 0;
        width: 100%;
        max-height: min(72vh, 640px);
        overflow: hidden;
        flex-direction: column;
    }

    body.page-ilan-pazari .ilan-pazari-page > .ilan-pazari-sidebar.is-mobile-open,
    body.page-ilan-pazari .ilan-pazari-sidebar.is-mobile-open {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        margin: 8px 0 12px !important;
        padding-left: var(--ip-m-pad) !important;
        padding-right: var(--ip-m-pad-r) !important;
        min-height: 220px;
        position: relative;
        z-index: 90;
        border-radius: 12px;
    }

    body.page-ilan-pazari .ilan-pazari-toolbar-strip + .ilan-pazari-sidebar.is-mobile-open {
        margin-top: 4px !important;
    }

    .ilan-pazari-sidebar__list {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ilan-pazari-main {
        min-width: 0;
        width: 100%;
        overflow-x: clip;
    }

    body.page-ilan-pazari .ilan-pazari-page {
        overflow-x: clip;
    }

    /*
     * İlan ızgarası — kategori sayfası (ilanlar/*.php) ile aynı akışkan sütunlar.
     * ilanlar.css v10 minmax(220px) + justify-content:start mobilde kartları bozuyordu.
     */
    body.page-ilan-pazari .ilan-pazari-page .ilanlar-grid.ilan-pazari-grid:not(.home-listings-grid) {
        display: grid !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 12px !important;
        justify-content: stretch !important;
        justify-items: stretch !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.page-ilan-pazari .ilan-pazari-page .ilanlar-grid.ilan-pazari-grid:not(.home-listings-grid) > .benzer-ilan-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 900px) {
    body.page-ilan-pazari .ilan-pazari-page .ilanlar-grid.ilan-pazari-grid:not(.home-listings-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

@media (max-width: 768px) {
    body.page-ilan-pazari .ilan-pazari-page .ilanlar-grid.ilan-pazari-grid:not(.home-listings-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

}

@media (max-width: 480px) {
    body.page-ilan-pazari .ilan-pazari-page .ilanlar-grid.ilan-pazari-grid:not(.home-listings-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
}

/* breadcrumb.css / mobile-layout — farklı padding vermesin */
@media (max-width: 768px) {
    body.page-ilan-pazari .breadcrumb .container,
    body.page-ilan-pazari .ilan-pazari-toolbar-strip__inner,
    body.page-ilan-pazari .ilan-pazari-page > .container.ilan-pazari-layout {
        padding-left: max(16px, env(safe-area-inset-left)) !important;
        padding-right: max(16px, env(safe-area-inset-right)) !important;
    }
}

@media (max-width: 480px) {
    body.page-ilan-pazari .breadcrumb .container,
    body.page-ilan-pazari .ilan-pazari-toolbar-strip__inner,
    body.page-ilan-pazari .ilan-pazari-page > .container.ilan-pazari-layout {
        padding-left: max(16px, env(safe-area-inset-left)) !important;
        padding-right: max(16px, env(safe-area-inset-right)) !important;
    }

    #ilanPazariToolbar .ilan-pazari-toolbar__search input {
        font-size: 12px;
    }

    #ilanPazariToolbar .ilan-pazari-toolbar__search input::placeholder {
        font-size: 11px;
    }
}

/* Kart görseli — ilan-pazarı: 206px dikey yükseklik */
@media (max-width: 1024px) {
    body.page-ilan-pazari .ilan-pazari-page .ilanlar-grid:not(.home-listings-grid) > .benzer-ilan-card .card-image,
    body.page-ilan-pazari .ilan-pazari-grid:not(.home-listings-grid) .benzer-ilan-card .card-image {
        height: 206px !important;
        min-height: 206px !important;
    }
}

/* Kategori sayfaları (/ilanlar/*) — İlan Pazarı mobil düzeni ile aynı */
@media (max-width: 1024px) {
    body.page-ilanlar-category {
        --ip-m-pad: max(16px, env(safe-area-inset-left));
        --ip-m-pad-r: max(16px, env(safe-area-inset-right));
    }

    body.page-ilanlar-category .ilan-pazari-shell,
    body.page-ilanlar-category .ilanlar-category-shell {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    body.page-ilanlar-category .breadcrumb .container,
    body.page-ilanlar-category .ilanlar-toolbar-strip__inner,
    body.page-ilanlar-category .ilan-pazari-page > .container.ilan-pazari-layout,
    body.page-ilanlar-category .ilanlar-main > .container.ilan-pazari-layout,
    body.page-ilanlar-category .ilanlar-main > .container.ilanlar-category-container {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: var(--ip-m-pad) !important;
        padding-right: var(--ip-m-pad-r) !important;
        box-sizing: border-box !important;
    }

    body.page-ilanlar-category .ilanlar-toolbar-strip {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-ilanlar-category #ilanlarToolbar.ilanlar-toolbar {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.page-ilanlar-category .ilanlar-main > .filter-sidebar.is-mobile-open,
    body.page-ilanlar-category .ilanlar-toolbar-strip + .filter-sidebar.is-mobile-open {
        display: flex !important;
        flex-direction: column;
        gap: 8px;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        margin: 4px 0 8px !important;
        padding-left: var(--ip-m-pad) !important;
        padding-right: var(--ip-m-pad-r) !important;
        position: relative;
        z-index: 90;
        min-height: 0;
        overflow: visible;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.page-ilanlar-category .ilanlar-main .ilanlar-grid:not(.home-listings-grid) > .benzer-ilan-card .card-image,
    body.page-ilanlar-category .ilan-pazari-grid:not(.home-listings-grid) .benzer-ilan-card .card-image {
        height: 206px !important;
        min-height: 206px !important;
    }
}

@media (min-width: 481px) and (max-width: 1024px) {
    body.page-ilanlar-category .ilanlar-main .filter-sidebar.is-mobile-open {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        align-items: start !important;
        gap: 6px !important;
    }

    body.page-ilanlar-category .ilanlar-main .filter-sidebar.is-mobile-open:not(:has(.listing-types-card)) {
        grid-template-columns: 1fr !important;
    }
}