#map {
    /* Tailwind equivalent: h-screen w-full */
    /* Kept as CSS fallback for Leaflet compatibility */
    height: 100%;
}

html,
body {
    /* Tailwind equivalent: h-screen m-0 p-0 */
    height: 100%;
    margin: 0;
    padding: 0;
}


/* === Autocomplete Search Input Styles (Google Places) === */
/* If autocomplete UI is added, these rules apply to Google Places controls.
 * Conversion to Tailwind: #pac-input → bg-white text-sm px-3 h-10 w-[400px] focus:ring-2 focus:ring-blue-500
 */

#pac-card {
    background-color: #fff;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    font-family: Roboto;
    margin: 10px 10px 0 0;
    -moz-box-sizing: border-box;
    outline: none;
}

#pac-container {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
    height: 40px;
}

#pac-input:focus {
    border-color: #4d90fe;
}

.hidden {
    display: none;
}


/* Sliding info panel — converted to Tailwind utilities
 * If panel markup is added in the future, apply these Tailwind classes:
 * #panel → fixed inset-y-0 left-0 w-0 bg-white z-10 overflow-x-hidden transition-all duration-200 ease-out
 * #panel.open → w-64 (or w-[250px])
 * .place → font-sans text-xl font-medium mb-0 px-4.5
 * .distanceText → text-gray-400 font-sans text-base font-normal mt-1 px-4.5
 */

/* Legacy CSS fallback (kept for compatibility if panel is dynamically created) */
#panel {
    height: 100%;
    width: 0;
    background-color: white;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    transition: all 0.2s ease-out;
}

.open {
    width: 250px;
}

.place {
    font-family: 'open sans', arial, sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    margin-block-end: 0px;
    padding-left: 18px;
    padding-right: 18px;
}

.distanceText {
    color: silver;
    font-family: 'open sans', arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin-block-start: 0.25em;
    padding-left: 18px;
    padding-right: 18px;
}