/* Mobile Sort Button Fix - Ensure icon appears before text on mobile */

/* Fix for mobile bottom bar sort button */
@media (max-width: 1027px) {
    .listing__mobile-bottom-bar__sort .listing-sort__title--wrapper {
        display: flex;
        flex-direction: row; /* Ensure row direction, not reversed */
        align-items: center;
        gap: 0.5rem;
    }

    /* Ensure icon comes first */
    .listing__mobile-bottom-bar__sort .listing-sort__title--icon {
        order: 1;
    }

    /* Ensure text comes second */
    .listing__mobile-bottom-bar__sort .listing-sort__title {
        order: 2;
    }

    /* Mobile Sort Action Sheet Title - Match Figma Spec */
    .mobile-sort-action-sheet__title {
        font-family: 'Neue Plak', 'Neue', sans-serif !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 100% !important;
        letter-spacing: 0% !important;
        color: #262626 !important;
        margin: 0 !important;
    }

    /* Mobile Sort Action Sheet Close Button - Use SVG Icon */
    .mobile-sort-action-sheet__close::before {
        content: '' !important;
        display: inline-block !important;
        width: 32px !important;
        height: 32px !important;
        background-image: url('/assets/SVGs/icons/filter-close.svg') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    .mobile-sort-action-sheet__close {
        width: 32px !important;
        height: 32px !important;
        padding: 8px !important;
    }

    /* Remove divider from header */
    .mobile-sort-action-sheet__header {
        border-bottom: none !important;
    }
}