/* =============================================
   Mobile fixes patch — loaded after home.css
   ============================================= */

/* "tap to expand" — block, white, bold, clearly readable */
.search-toggle-icon {
    display: block !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: bold !important;
    opacity: 1 !important;
    margin: 4px 0 0 0 !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
    letter-spacing: 0.3px !important;
}

/* Popup contact form padding */
#cboxLoadedContent {
    padding: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {

    /* "tap to expand" — bold white block on its own line */
    .search-toggle-icon {
        display: block !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: bold !important;
        opacity: 1 !important;
        margin: 4px 0 2px 0 !important;
        white-space: nowrap !important;
        letter-spacing: 0.3px !important;
    }

    /* The drCl heading has room for the icon below it */
    #drCl h1, #drCl h2 {
        padding-bottom: 6px !important;
        line-height: 1.3 !important;
    }

    /* Browse Properties h1 — wrapper margin zeroed */
    .cain-bg > div > div[style*="margin-left"] {
        margin-left: 0 !important; margin-right: 0 !important;
        width: 100% !important; box-sizing: border-box !important;
    }

    /* Advanced Search / Keyword search box layout */
    .search-box {
        width: 100% !important; box-sizing: border-box !important;
        height: auto !important; padding: 0 14px !important; clear: both !important;
        overflow: visible !important;
    }
    .input1 {
        width: 100% !important; float: none !important; display: block !important;
        box-sizing: border-box !important; font-size: 16px !important; height: 48px !important;
        background: #fff !important; background-image: none !important;
        border: 1px solid #b0c8d8 !important; border-radius: 6px !important;
        padding: 0 12px !important; margin-bottom: 8px !important;
    }
    .search-icon { display: none !important; }

    /* Advanced search button */
    .search-box .search-btn {
        display: block !important; width: 100% !important; float: none !important;
        height: 52px !important; margin: 0 !important;
        background: #e85d00 !important; background-image: none !important;
        border: none !important; border-radius: 6px !important;
        cursor: pointer !important; box-sizing: border-box !important;
        position: relative !important;
        color: #fff !important; font-size: 0 !important;
        object-fit: none !important; object-position: center !important;
    }

    /* Bed/bath icons larger */
    .shosl-icon img { width: 26px !important; height: 26px !important; margin-right: 5px !important; object-fit: contain !important; vertical-align: middle !important; }
    .shosl-icon { font-size: 16px !important; }

    /* HACLA logo — larger on mobile */
    .partner-logos img[src*="hacla"] {
        max-width: 180px !important;
        width: 180px !important;
        height: auto !important;
    }
}

/* Desktop: spacing between property cards and paging */
@media (min-width: 769px) {
    .allignImg .featured-Homes-content,
    .allignImgM .featured-Homes-content { margin-bottom: 16px !important; }
    .list a, .list-current a { padding: 6px 12px !important; font-size: 14px !important; }
}