/* Floating Search Button - Homepage Only */
    /* IMPORTANT: Always hidden on desktop, only shown on small mobile screens */
    .sitenear-floating-search-btn {
        display: none !important; /* Hidden by default on all screens */
    }

    @media (max-width: 479px) {
        /* Keep the floating search button visible */
        .sitenear-floating-search-btn {
            display: flex !important;
            align-items: center;
            justify-content: center;
            position: fixed;
            /* Position above footer, clear of the Leaflet attribution text that sits just
               above the footer on the map tab (see map_styles.blade.php) with a visible gap */
            bottom: calc(100px + env(safe-area-inset-bottom, 0px));
            right: 15px;
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background-color: #1f6b12;
            box-shadow: 0 4px 12px rgba(31, 107, 18, 0.4);
            z-index: 98; /* Just below footer (99) so it hides with footer */
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .sitenear-floating-search-btn:hover {
            background-color: #14440b;
            box-shadow: 0 6px 16px rgba(31, 107, 18, 0.6);
            transform: scale(1.05);
        }

        .sitenear-floating-search-btn:active {
            transform: scale(0.95);
        }

        .sitenear-floating-search-btn img {
            width: 24px;
            height: 24px;
            filter: brightness(0) invert(1); /* Make icon white */
        }

        /* Hide the entire navbar search form on mobile - using new independent search icons instead */
        #navbar-header-mobile-hide {
            display: none !important;
        }
    }

    /* Search Overlay Modal */
    /* IMPORTANT: Always hidden on desktop, only shown on small mobile screens */
    .sitenear-search-overlay {
        display: none !important;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: white;
        z-index: 1250;
        padding: 20px;
        overflow-y: auto;
    }

    @media (max-width: 479px) {
        .sitenear-search-overlay.active {
            display: block !important;
        }
    }

    /* Ensure overlay never shows on larger screens, even if 'active' class is added */
    @media (min-width: 480px) {
        .sitenear-search-overlay,
        .sitenear-search-overlay.active {
            display: none !important;
        }
    }

    .sitenear-search-overlay-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 2px solid #1f6b12;
    }

    .sitenear-search-overlay-header h2 {
        color: #1f6b12;
        font-family: "Montserrat-SemiBold", serif;
        font-size: 1.5em;
        margin: 0;
    }

    .sitenear-search-overlay-close {
        background: none;
        border: none;
        font-size: 2em;
        color: #666;
        cursor: pointer;
        padding: 0;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: color 0.2s;
    }

    .sitenear-search-overlay-close:hover {
        color: #1f6b12;
    }

    .sitenear-search-overlay-form {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .sitenear-search-overlay-form input[type="text"] {
        width: 100%;
        padding: 15px;
        font-size: 16px;
        border: 2px solid #ddd;
        border-radius: 8px;
        transition: border-color 0.3s;
    }

    .sitenear-search-overlay-form input[type="text"]:focus {
        outline: none;
        border-color: #1f6b12;
    }

    .sitenear-search-overlay-actions {
        display: flex;
        gap: 10px;
        margin-top: 10px;
    }

    .sitenear-search-overlay-btn {
        flex: 1;
        padding: 15px;
        font-size: 16px;
        font-family: "Montserrat-SemiBold", serif;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s;
    }

    .sitenear-search-overlay-btn.primary {
        background-color: #1f6b12;
        color: white;
    }

    .sitenear-search-overlay-btn.primary:hover {
        background-color: #14440b;
    }

    .sitenear-search-overlay-btn.secondary {
        background-color: #f0f0f0;
        color: #333;
    }

    .sitenear-search-overlay-btn.secondary:hover {
        background-color: #ddd;
    }