.wac-location-map__map {
    max-width     : var(--wp--custom--width--default);
    width         : 100%;
    margin-left   : auto;
    margin-right  : auto;
    padding-left  : var(--wp--custom--gap--page-padding);
    padding-right : var(--wp--custom--gap--page-padding);
    position      : relative;
}
.wac-location-map__map--map .wac-location-map__map--map__inner {
    font-size      : 0;
    line-height    : 0;
    height         : 100%;
    width          : 100%;
    min-height     : 640px;
    overflow       : hidden;
    position       : relative;
    display        : flex;
    flex-direction : column;
    overflow-x     : scroll;
    gap            : var(--wp--custom--gap--location_map, 20px);
}
.wac-location-map__map--map .wac-location-map__map--map__inner  .poi_container {
    position: relative;
}
.wac-location-map__map--map .poi_container.selected_item .poi {
    opacity: 0.3 !important;
}
.wac-location-map__map--map .poi_container.selected_item .poi.selected_item {
    opacity: 1 !important;
}
.wac-location-map__map--map img  {
    width: auto;
    height: 100%;
}
.wac-location-map__map--map .poi {
    position   : absolute;
    cursor     : pointer;
    opacity    : 0;
    width      : 22px;
    height     : 27px;
    background : url(./img/poi.svg) 50% 50% no-repeat;
    transition : opacity 0.5s, transform 0.3s;
    transform  : scale( 1 );
}
.wac-location-map__map--map .poi:hover {
    transform: scale( 1.1 );
}

.wac-location-map__map--map .poi_popup {
    position         : absolute;
    width            : auto;
    height           : auto;
    padding          : 5px;
     padding: 8px 12px;
    background       : white;
    opacity          : 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); 
    transition       : opacity 0.5s, transform 0.3s;
    z-index          : 9;
    pointer-events   : none;
    transform-origin : center center;
}

.wac-location-map__map--map  .poi_popup::after {
  content: "";
  position: absolute;
  bottom: 100%; 
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid white; 
}
.wac-location-map__map--map .poi_popup.show {
    opacity        : 1;
    pointer-events : all;
}
.wac-location-map__map--map .poi_popup  .poi_popup--title {
    text-align: left;
    font-size: var(--wp--preset--font-size--small);
  white-space: nowrap;
}






.wac-location-map__map--map .poi_popup  h2 {
    text-align: left;

}
.wac-location-map__map--map .poi_popup  h3 {
    font-size: var( --wp--preset--font-size--faq );
}
.wac-location-map__map--map .poi_popup p {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: var(--wp--preset--font-size--filter);
    line-height: 1.28em;
}
.wac-location-map__map--map .poi_popup button {
    position    : absolute;
    width       : 20px;
    height      : 20px;
    top         : 10px;
    right       : 10px;
    text-indent : -10000em;
    overflow    : hidden;
    cursor      : pointer;
    border      : none;
    background  : url(./img/close.svg) 50% 50% no-repeat;
}

.wac-location-map__map--map .poi_popup_title {
    position         : absolute;
    top              : 50%;
    left             : 50%;
    width            : 300px;
    height           : auto;
    padding          : 20px;
    background       : white;
    opacity          : 0;
    transform        : scale( 0.5 ) translate(-50%, -50%);
    transition       : opacity 0.5s, transform 0.3s;
    z-index          : 9;
    pointer-events   : none;
    transform-origin : center center;
}
.wac-location-map__map--map .poi_popup_title.show {
    opacity        : 1;
    transform      : scale( 1 ) translate(-50%, -50%);
    pointer-events : all;
}

.wac-location-map__map--sidebar {
    height      : 100%;
    overflow-y  : scroll;
    padding     : 30px 41px 70px 41px;
    border      : 1px solid var(--wp--preset--color--line);
}
.wac-location-map__map--sidebar .wac-location-map__map__item {
    border-top: 1px solid var(--wp--preset--color--line);
    margin-top: var(--wp--custom--gap--location_map, 16px);
    padding-top: var(--wp--custom--gap--location_map, 30px);
}
.wac-location-map__map--sidebar .wac-location-map__map__item:first-child,
.wac-location-map__map--sidebar .wac-location-map__map__item.first-child {
    border-top  : none;
    margin-top  : 0;
    padding-top : 0;
}
.wac-location-map__map--sidebar h2 {
    text-align: left;
}
.wac-location-map__map--sidebar .is-subheading {
    margin-bottom: 14px;
    font-size: var( --wp--preset--font-size--micro );
}
.wac-location-map__map--sidebar h3 {
    font-size: var( --wp--preset--font-size--faq );
}
.wac-location-map__map--sidebar p {
    margin-top    : 10px;
    margin-bottom : 4px;
    font-size     : var( --wp--preset--font-size--filter );
    line-height   : 1.28em;
}
.wac-location-map__map--sidebar a {
    font-size: var( --wp--preset--font-size--filter );
}
.wac-location-map__map--sidebar .wac-location-map__map--sidebar__inner .wac-location-map__map__item {
    transition: opacity 0.5s;
}
.wac-location-map__map--sidebar .wac-location-map__map--sidebar__inner.selected_item .wac-location-map__map__item {
    opacity: 0.3;
}
.wac-location-map__map--sidebar .wac-location-map__map--sidebar__inner.selected_item .wac-location-map__map__item.selected_item {
    opacity : 1;
    cursor  : pointer;
}
.wac-location-map__map--sidebar__paginator {
    position   : absolute;
    inset      : auto calc(var(--wp--custom--gap--page-padding) + 1px) 1px calc(var(--wp--custom--gap--page-padding) + 1px);
    padding    : 10px;
    width      : auto;
    background : white;
}
.wac-location-map__map--sidebar__paginator ul  {
    display         : flex;
    justify-content : center;
    gap             : var(--wp--custom--gap--location_paginator, 20px);
    list-style      : none;
    margin          : 0;
    padding         : 0;
}
.wac-location-map__map--sidebar__paginator ul  li {

}
.wac-location-map__map--sidebar__paginator ul  li.selected  {
    border-top: 2px solid #000;
}
.wac-location-map__map--sidebar__paginator ul  li {
    padding: 10px 4px 0 4px;;
}
.wac-location-map__map--sidebar__paginator ul  li button {
    border     : 0;
    background : none;
    cursor: pointer;
}

@media (min-width: 768px) {
    .wac-location-map__map {
        display: flex;
    }
    .wac-location-map__map--map .wac-location-map__map--map__inner {
        min-height : auto;
        overflow-x : hidden;
    }
    .wac-location-map__map--map .wac-location-map__map--map__inner img {
        width: 100%;
        height: auto;
    }
    .wac-location-map__map .wac-location-map__map--sidebar {
        flex-basis  : 350px;
        flex-grow   : 0;
        flex-shrink : 0;
    }
    .wac-location-map__map--sidebar__paginator {
        inset : auto calc(var(--wp--custom--gap--page-padding) + 20px) 1px auto;
        width : calc(350px - var(--wp--custom--gap--page-padding) - 20px );
    }
    .wac-location-map__map--sidebar__paginator ul  { 
        justify-content : flex-start;
    }
}

.wac-heading-text__inner {
    display: none;
}