/* Mobile-specific styles for Property Finder */

/* Mobile navigation tabs */
@media (max-width: 767px) {
    /* Make tabs display horizontally in a scrollable container */
    .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        white-space: nowrap;
        padding-bottom: 5px;
    }

    .nav-tabs::-webkit-scrollbar {
        display: none; /* Hide scrollbar for Chrome/Safari */
    }

    .nav-tabs .nav-item {
        float: none;
        margin-right: 5px;
    }

    .nav-tabs .nav-link {
        padding: 0.5rem 0.75rem;
        font-size: 0.9rem;
    }

    /* View size toggle buttons for mobile */
    .view-size-controls .btn-group {
        display: flex;
        width: 100%;
        margin-bottom: 10px;
    }

    .view-size-controls .btn {
        flex: 1;
        padding: 0.4rem 0.5rem;
        font-size: 0.8rem;
    }

    .view-size-controls .btn i {
        margin-right: 0;
    }

    /* Filter dropdown for mobile */
    .filter-dropdown {
        position: relative;
    }

    .filter-dropdown-toggle {
        width: 100%;
        margin-bottom: 15px;
    }

    .filter-dropdown-content {
        width: 100%;
        max-height: 80vh;
        overflow-y: auto;
        border-radius: 0.25rem;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }

    /* Property card adjustments for mobile */
    .property-card {
        margin-bottom: 15px;
    }

    /* Sort controls for mobile */
    .sort-controls {
        width: 100%;
    }

    /* Adjust padding and margins for mobile */
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Make the search form more mobile friendly */
    .search-form-container {
        padding: 15px 10px;
    }

    .search-form-container .form-control {
        font-size: 0.9rem;
        height: calc(1.5em + 0.75rem + 2px);
    }
}