/* WebAula Kauppahaku. Säännöt vastaavat WP Go Mapsin OpenLayers-tyylejä, jotta ulkoasu säilyy. */
.wpgmza_map { position: relative; }
.wpgmza_map canvas { max-width: unset; }
.wpgmza_map *:focus { outline: none; }
.wpgmza_map .ol-info-window-close:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

.ol-marker { position: relative; }
.ol-marker > img,
.wpgmza_map .ol-marker > img { position: absolute; bottom: 0; transform: translateX(-50%); max-width: none; z-index: 2; cursor: pointer; }

.ol-info-window-plain { position: absolute; bottom: 56px; left: 0; transform: translateX(-50%); background: #fff; padding: 10px; font-size: 14px; width: 348px; min-width: 240px; max-width: 648px; overflow-y: auto; }
.ol-info-window-close { float: right; margin: 0 0 3px 3px; cursor: pointer; line-height: 1; }
.ol-info-window-close svg { display: block; }
.wpgmza_infowindow_title,
.wpgmza_infowindow_address { white-space: normal; }
.wpgmza_infowindow_title { font-weight: 700; }
.ol-marker > img { max-width: none !important; }
.ol-info-window-container { z-index: 999999; }
.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible { font-size: 12px; }

.wpgmza_map .ol-viewport { --wpgmza-color-white: #ffffff; --wpgmza-color-charcoal: #333333; --wpgmza-color-grey-50: #f9f9f9; --wpgmza-shadow-common: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%); }
.wpgmza_map .ol-viewport .ol-control:not(.ol-attribution) { background: #fff0; }
.wpgmza_map .ol-viewport .ol-control button { background: var(--wpgmza-color-white); color: var(--wpgmza-color-charcoal); box-shadow: var(--wpgmza-shadow-common); }
.wpgmza_map .ol-viewport .ol-control button:focus,
.wpgmza_map .ol-viewport .ol-control button:hover { background: var(--wpgmza-color-grey-50); }