.gtel-map-wrap { position: relative; width: 100%; }
.gtel-map { width: 100%; min-height: 300px; }

/* Search box above the map, plain light styling. */
.gtel-map-search { position: relative; display: flex; gap: 6px; max-width: 480px; margin: 0 0 8px; }
.gtel-map-input { flex: 1; padding: 8px 10px; font-size: 15px; color: #222; background: #fff; border: 1px solid #bbb; border-radius: 4px; }
.gtel-map-go { padding: 8px 14px; font-size: 15px; cursor: pointer; }
.gtel-map-suggest { position: absolute; top: 100%; left: 0; right: 0; z-index: 1000; margin: 2px 0 0; padding: 0; list-style: none; background: #fff; border: 1px solid #bbb; border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,.15); }
.gtel-map-suggest li { padding: 7px 10px; cursor: pointer; color: #222; font-size: 14px; }
.gtel-map-suggest li.is-active, .gtel-map-suggest li:hover { background: #eef3fb; }
.gtel-map-result { margin: 0 0 8px; font-weight: 600; min-height: 1.4em; }
.gtel-map-result.is-in { color: #1b7f3b; }
.gtel-map-result.is-out { color: #b3261e; }

.gtel-map-legend { background: #fff; margin: 10px; padding: 8px 10px; border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,.3); font: 13px/1.6 Roboto, Arial, sans-serif; color: #222; }
.gtel-map-legend label { display: block; cursor: pointer; }
.gtel-map-swatch { display: inline-block; width: 12px; height: 12px; margin: 0 4px 0 6px; border: 1px solid #555; vertical-align: -1px; }
.gtel-map-iw { font: 13px/1.4 Roboto, Arial, sans-serif; color: #222; }