/* /css/pages/near-me.css */
.map-container {
    height: calc(100vh - 70px);
    width: 100%;
    position: relative;
    z-index: 1;
}

/* CUSTOM NAME PIN (Replaces Price Pin) */
.name-pin {
    background: var(--dark);
    color: white;
    padding: 6px 10px;        /* More padding for text */
    border-radius: 20px;      /* Pill shape looks better for names */
    font-weight: 600;
    font-size: 0.75rem;       /* Slightly smaller font for long names */
    box-shadow: 0 4px 10px rgba(0,0,0,0.4);
    white-space: nowrap;      /* Keep on one line */
    border: 2px solid white;  /* White border pops against map */
    transition: all 0.2s ease;
    text-transform: capitalize;
    max-width: 150px;         /* Safety limit */
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

/* Hover Effect: Grow & Turn Gold */
.name-pin:hover {
    background: var(--primary);
    transform: scale(1.15);
    z-index: 1000 !important;
    cursor: pointer;
}

/* Map Popup Styling */
.leaflet-popup-content-wrapper {
    border-radius: var(--radius);
    padding: 0;
    overflow: hidden;
}
.leaflet-popup-content {
    margin: 0;
    width: 200px !important;
}

.map-card {
    display: flex;
    flex-direction: column;
}
.map-card img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}
.map-card-details {
    padding: 10px;
}
.map-card h4 { font-size: 0.9rem; margin-bottom: 5px; }
.map-card .price { color: var(--primary); font-weight: bold; }