/* ===== MOBILE OPTIMIZATIONS - Custom Additions ===== */

@media (max-width: 768px) {
    /* 1. Make search widget smaller on mobile */
    .flat-tab.flat-tab-form {
        padding: 15px 12px !important;
        margin-bottom: 20px !important;
    }
    
    .flat-tab.flat-tab-form .nav-tab-form {
        margin-bottom: 12px !important;
    }
    
    .flat-tab.flat-tab-form .nav-tab-form .nav-tab-item .nav-link-item {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
    
    .flat-tab.flat-tab-form .form-sl .form-group,
    .flat-tab.flat-tab-form .form-sl .form-search-keyword-input,
    .flat-tab.flat-tab-form .form-sl .form-search-location {
        margin-bottom: 10px !important;
    }
    
    .flat-tab.flat-tab-form .form-sl input,
    .flat-tab.flat-tab-form .form-sl select,
    .flat-tab.flat-tab-form .form-sl .nice-select {
        height: 40px !important;
        line-height: 40px !important;
        font-size: 14px !important;
        padding: 8px 12px !important;
    }
    
    .flat-tab.flat-tab-form .form-sl .tf-btn {
        height: 40px !important;
        padding: 8px 16px !important;
        font-size: 14px !important;
    }
    
    .flat-tab.flat-tab-form .wd-search-form {
        padding: 12px !important;
        margin-top: 8px !important;
    }
    
    .flat-tab.flat-tab-form .wd-search-form .group-box {
        gap: 10px !important;
        margin-bottom: 10px !important;
    }
    
    .flat-tab.flat-tab-form .wd-search-form .grid-2,
    .flat-tab.flat-tab-form .wd-search-form .grid-3 {
        gap: 10px !important;
    }
    
    .flat-tab.flat-tab-form .wd-search-form input,
    .flat-tab.flat-tab-form .wd-search-form select,
    .flat-tab.flat-tab-form .wd-search-form .nice-select {
        height: 38px !important;
        line-height: 38px !important;
        font-size: 13px !important;
    }
    
    /* 2. Make footer smaller and more compact */
    .footer {
        padding: 30px 0 20px !important;
    }
    
    .footer .top-footer {
        padding: 20px 0 !important;
        margin-bottom: 20px !important;
    }
    
    .footer .top-footer .content-footer-top h6,
    .footer .top-footer .content-footer-top h5,
    .footer .top-footer .content-footer-top h4 {
        font-size: 16px !important;
        margin-bottom: 12px !important;
    }
    
    .footer .top-footer .content-footer-top p,
    .footer .top-footer .content-footer-top li,
    .footer .top-footer .content-footer-top a {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }
    
    .footer .top-footer .content-footer-top .widget {
        margin-bottom: 20px !important;
    }
    
    .footer .inner-footer {
        padding: 20px 0 !important;
    }
    
    .footer .inner-footer .footer-cl-1,
    .footer .inner-footer .footer-cl-2,
    .footer .inner-footer .footer-cl-3,
    .footer .inner-footer .footer-cl-4 {
        margin-bottom: 20px !important;
    }
    
    .footer .inner-footer .footer-cl-1 h6,
    .footer .inner-footer .footer-cl-1 h5,
    .footer .inner-footer .footer-cl-2 h6,
    .footer .inner-footer .footer-cl-2 h5,
    .footer .inner-footer .footer-cl-3 h6,
    .footer .inner-footer .footer-cl-3 h5,
    .footer .inner-footer .footer-cl-4 h6,
    .footer .inner-footer .footer-cl-4 h5 {
        font-size: 15px !important;
        margin-bottom: 10px !important;
    }
    
    .footer .inner-footer .footer-cl-1 p,
    .footer .inner-footer .footer-cl-1 li,
    .footer .inner-footer .footer-cl-1 a,
    .footer .inner-footer .footer-cl-2 p,
    .footer .inner-footer .footer-cl-2 li,
    .footer .inner-footer .footer-cl-2 a,
    .footer .inner-footer .footer-cl-3 p,
    .footer .inner-footer .footer-cl-3 li,
    .footer .inner-footer .footer-cl-3 a,
    .footer .inner-footer .footer-cl-4 p,
    .footer .inner-footer .footer-cl-4 li,
    .footer .inner-footer .footer-cl-4 a {
        font-size: 13px !important;
        line-height: 1.5 !important;
        margin-bottom: 6px !important;
    }
    
    .footer .inner-footer ul li {
        padding: 4px 0 !important;
    }
    
    .footer .inner-footer .logo-footer {
        max-height: 35px !important;
        margin-bottom: 12px !important;
    }
    
    .footer .bottom-footer {
        padding: 15px 0 10px !important;
    }
    
    .footer .bottom-footer .content-footer-bottom p,
    .footer .bottom-footer .content-footer-bottom a {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
    
    /* 3. Property cards - show 2 per row on mobile */
    .row-cols-1.row-cols-sm-2 > .col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    .property-item.homeya-box .archive-top .images-style {
        height: 140px !important;
    }
    
    .property-item.homeya-box .archive-top .images-style img {
        height: 100%;
        object-fit: cover;
    }
    
    .property-item.homeya-box .archive-top .content {
        padding: 10px !important;
        min-height: auto !important;
    }
    
    .property-item.homeya-box .archive-top .content h7,
    .property-item.homeya-box .archive-top .content .h7 {
        font-size: 13px !important;
        line-height: 1.3 !important;
        margin-bottom: 6px !important;
    }
    
    .property-item.homeya-box .archive-top .content .desc {
        font-size: 11px !important;
        margin-bottom: 6px !important;
    }
    
    .property-item.homeya-box .archive-top .content .desc i,
    .property-item.homeya-box .archive-top .content .desc p {
        font-size: 11px !important;
    }
    
    .property-item.homeya-box .archive-top .content .note {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }
    
    .property-item.homeya-box .archive-top .content .meta-list {
        gap: 6px !important;
    }
    
    .property-item.homeya-box .archive-top .content .meta-list .item {
        font-size: 11px !important;
    }
    
    .property-item.homeya-box .archive-top .content .meta-list .item i {
        font-size: 13px !important;
    }
    
    .property-item.homeya-box .archive-top .content .meta-list .item span {
        font-size: 11px !important;
    }
    
    .property-item.homeya-box .archive-bottom {
        padding: 8px 10px !important;
    }
    
    .property-item.homeya-box .archive-bottom .avatar {
        width: 28px !important;
        height: 28px !important;
    }
    
    .property-item.homeya-box .archive-bottom span {
        font-size: 11px !important;
    }
    
    .property-item.homeya-box .archive-bottom h6 {
        font-size: 13px !important;
        margin-bottom: 0 !important;
    }
    
    .property-item.homeya-box .top .flag-tag {
        font-size: 10px !important;
        padding: 3px 6px !important;
    }
    
    .property-item.homeya-box .top .box-icon {
        width: 28px !important;
        height: 28px !important;
    }
    
    .property-item.homeya-box .top .box-icon svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .property-item.homeya-box .bottom .flag-tag {
        font-size: 10px !important;
        padding: 3px 6px !important;
    }
}

