/*
 * Feed Controls — Desktop wrapper
 * File: /wp-content/themes/xila/assets/css/feed-controls.css
 *
 * xila-desktop-controls: Desktop (>1100px) पर दिखे
 * सभी internal styles xmft-* classes से आती हैं (mobile-feed-top.css से)
 */

/* Default hidden */
.xila-desktop-controls { display: none; }

/* Desktop (>1100px) पर show */
@media (min-width: 1101px) {
    .xila-desktop-controls {
        display: block;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        margin-bottom: 8px;
        overflow: visible;
        position: relative;
        z-index: 100;
    }

    /* Desktop filter bar — sticky नहीं, padding add करो */
    .xila-desktop-controls .xmft-filter-bar--desktop {
        position: static !important;
        margin: 0 !important;
        padding: 10px 14px !important;
        background: transparent !important;
        border-top: none !important;
        border-bottom: 1px solid #f1f5f9 !important;
        box-shadow: none !important;
    }

    /* Desktop search row padding */
    .xila-desktop-controls .xmft-search-row--desktop {
        padding: 8px 14px 10px !important;
    }
}

/* Tablet/Mobile पर desktop controls hidden */
@media (max-width: 1100px) {
    .xila-desktop-controls { display: none !important; }
}

/* ── Desktop dropdown z-index fix ─────────────────────── */
/* feed cards के ऊपर dropdowns दिखें */
@media (min-width: 1101px) {
    .xila-desktop-controls .xmft-evtype-wrap,
    .xila-desktop-controls .xmft-view-wrap {
        z-index: 500;
    }
    .xila-desktop-controls .xmft-evtype-dropdown,
    .xila-desktop-controls .xmft-view-dropdown {
        z-index: 9990;
    }
    /* Feed cards को desktop controls से नीचे रखो */
    .xila-main-feed .xila-card {
        position: relative;
        z-index: 1;
    }
}