/* NikahFinder Filter Dropdown Fix - FORCE Vertical Layout */

/* LOCK filter groups to block display */
.filter-group[data-nikahfinder-filter="true"],
.filter-group[data-group-id="basic-search"],
.filter-group[data-group-id="advanced-search"],
.filter-group[data-group-id="preferences"],
.filter-group[data-group-id="profile-privacy"] {
    display: block !important;
    width: 100% !important;
    position: relative !important;
}

/* LOCK group content to block */
.filter-group[data-nikahfinder-filter="true"] .filter-group-content,
.filter-group[data-group-id="basic-search"] .filter-group-content,
.filter-group[data-group-id="advanced-search"] .filter-group-content {
    display: block !important;
    width: 100% !important;
}

/* LOCK inner container to block */
.filter-group[data-nikahfinder-filter="true"] .filter-group-inner,
.filter-group[data-group-id="basic-search"] .filter-group-inner,
.filter-group[data-group-id="advanced-search"] .filter-group-inner {
    display: block !important;
    width: 100% !important;
}

/* FORCE horizontal row of filter columns - NEVER change this */
.filter-group[data-nikahfinder-filter="true"] .filter-group-inner > div,
.filter-group[data-group-id="basic-search"] .filter-group-inner > div,
.filter-group[data-group-id="advanced-search"] .filter-group-inner > div {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    align-items: flex-start !important;
}

/* FORCE each filter column to stay vertical - CRITICAL */
.filter-group[data-nikahfinder-filter="true"] .filter-group-inner > div > div,
.filter-group[data-group-id="basic-search"] .filter-group-inner > div > div,
.filter-group[data-group-id="advanced-search"] .filter-group-inner > div > div {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* Dropdowns MUST stay full width in their column */
.filter-group[data-nikahfinder-filter="true"] select,
.filter-group[data-group-id="basic-search"] select,
.filter-group[data-group-id="advanced-search"] select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Labels MUST stay on top as block elements */
.filter-group[data-nikahfinder-filter="true"] label,
.filter-group[data-group-id="basic-search"] label,
.filter-group[data-group-id="advanced-search"] label {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
}

/* Prevent dropdown expansion from affecting layout */
.filter-group[data-nikahfinder-filter="true"] select:focus,
.filter-group[data-nikahfinder-filter="true"] select:active,
.filter-group[data-nikahfinder-filter="true"] select[size] {
    position: relative !important;
    z-index: 1000 !important;
}

/* Lock grid positioning */
#headerFilterDrawerContent[data-page="nikahfinder"] .filter-group {
    position: relative !important;
}

#headerFilterDrawerContent[data-page="nikahfinder"] .filter-group[data-group-id="basic-search"] {
    grid-area: 1 / 1 / auto / span 6 !important;
}

#headerFilterDrawerContent[data-page="nikahfinder"] .filter-group[data-group-id="advanced-search"] {
    grid-area: 2 / 1 / auto / span 6 !important;
}

#headerFilterDrawerContent[data-page="nikahfinder"] .filter-group[data-group-id="preferences"] {
    grid-area: 3 / 1 / auto / span 6 !important;
}

#headerFilterDrawerContent[data-page="nikahfinder"] .filter-group[data-group-id="profile-privacy"] {
    grid-area: 4 / 1 / auto / span 6 !important;
}