/* Mobile Optimization Styles */

/* Responsive improvements for mobile devices */
@media (max-width: 768px) {
    /* Navigation improvements */
    .header {
        padding: 10px 0;
    }

    .nav-menu {
        display: none;
    }

    .mobile-nav-toggle {
        display: block;
    }

    /* Search box mobile optimization */
    .main-search-input {
        flex-direction: column;
    }

    .main-search-input input {
        width: 100%;
        margin-bottom: 10px;
    }

    /* Listing cards mobile view */
    .listing-item {
        flex-direction: column;
    }

    .listing-item-image {
        width: 100%;
        height: 200px;
    }

    /* Footer mobile optimization */
    .footer-widgets {
        flex-direction: column;
    }

    .footer-widget {
        width: 100%;
        margin-bottom: 30px;
    }
}

/* Touch-friendly buttons */
@media (hover: none) {
    button, .button, a.button {
        min-height: 44px;
        min-width: 44px;
    }
}