.layout-accomap{
    --itemWidth:275px;
    --itemHeight:382px;
}
.layout-accomap .leaflet-pane {
    z-index:1;
}
.layout-acco__module-switch{
    text-align:right;
    padding-bottom:6px;
    padding-top:30px;
    margin-bottom:6px;
    border-bottom:2px solid #ffffff;
}
.layout-acco__module-switch-button:not(.layout-acco__module-switch-button--active):not(:hover){
    background-color: #ffffff;
    color: var(--primaryColor3);
}
.layout-acco__module-switch-button--active{
    cursor:default;
}
.layout-acco__module-switch-button--active:hover{
    background-color: var(--primaryColor3);
}

.layout-accomap .booking-widget-map{
    padding:0;
    position:relative;
}
.layout-accomap .booking-widget-map .layout-detail-map__map-popup{
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.85);
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items: center;
    justify-content: center;
    font-family:var(--headerTitleFont);
    color:#ffffff;
    z-index:3;
    font-size:2rem;
    text-transform:lowercase;
    text-align:center;
}
.layout-accomap:has(.levels--has-booking-arrival) .booking-widget-map .layout-detail-map__map-popup{
    display:none;
}
.layout-accomap .leaflet-container{
    height:clamp(480px,80vh,1200px) !important;
}
.layout-accomap{
    padding:var(--articleTopPadding) 0 var(--articleBottomPadding);
}
.layout-accomap .map-popup-period{
    display:none;
}
.layout-accomap .layout-detail-map__card-collection{
    display:none;
}
.layout-article--accomap{
    overflow:unset;
}
.layout-accomap .ha-searcher{
    flex-direction:column;
}
.layout-accomap .ha-searcher__item{
    width:100%;
    flex:auto;
}
.layout-accomap .ha-searcher__criteria {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.ha-searcher__criteria-header {
    display: flex;
    align-items: center;
    gap: 15px;
}
.ha-searcher__criteria-header-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    background-color: var(--darkColor);
    color: #fff;
    text-align: center;
    border-radius: 50%;
}
.layout-accomap .ha-searcher__criteria-filter .ha-searcher__criteria-header{
    margin:.25rem 0;
}
.layout-accomap .ha-searcher__criteria-filter{
    display:flex;
    flex-direction:column;
    font-size:.875rem;
/*    gap:10px;*/
    max-height: 25rem;
    overflow-y: auto;
}
/*.layout-accomap .ha-searcher__criteria-filter[data-criteriagroup="1236"],*/
.layout-accomap .ha-searcher__criteria-filter[data-criteriagroup="none"]{
    display:none;
}
.layout-accomap .ha-searcher__criteria-item label{
    display:flex;
    gap:1rem;
    align-items: center;
}
.layout-accomap .ha-searcher__criteria-count{
    font-weight:500;
    margin-left:5px;
}
.ha-searcher__criteria-field {
    display: none;
}
.layout-accomap .ha-searcher__criteria-item input[type="checkbox"]{
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    accent-color: var(--primaryColor5);
}
.layout-accomap__inner{
    display:grid;
    grid-template-columns:calc(345px - 1rem) calc(100% - 345px - 1rem);
    gap:2rem;
    padding:0px 0 100px;
    align-items: flex-start;
}

.layout-accomap .leaflet-popup{
    width:var(--itemWidth);
    height:var(--itemHeight);
    margin-bottom:0;
}
.layout-accomap .leaflet-popup-content{
    margin:0;
    width:var(--itemWidth) !important;
}
.layout-accomap .map-popup .acco-item__media-img{
    max-height:120px;
    object-fit:cover;
}
.layout-accomap .acco-item__availability-pricing>span,
.layout-accomap .map-popup .acco-item__content-text{
    font-size:.8rem;
}
.layout-accomap .acco-item__availability-pricing .availability .total-price span{
    font-size:.9rem;
}
.layout-accomap .map-popup .acco-item__content-text ul li:nth-child(n + 4){
    display:none;
}
.layout-accomap .map-popup-title {
    padding: 5px;
    background-color: var(--primaryColor3);
    color: #ffffff;
    border-radius: 6px;
    position: absolute;
    top: 19px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 8rem;
    text-align: center;
    margin: 0;
    max-width: calc(100% - 30px);
    z-index: 2;
    font-size: .8rem;
}
.layout-accomap .leaflet-popup-content-wrapper{
    background-color: var(--secondaryColor1);
    padding:0;
}
.layout-accomap .map-popup-button{
    display:none;
}
.layout-accomap .leaflet-container{
    font-family:var(--mainTextFont);
    background-color:var(--secondaryColor1);
}
.layout-accomap .acco-item__title{
    font-size: .9rem;
    line-height: 1.2rem;
    margin: .5rem 0 .5rem;
}
.layout-accomap .leaflet-container a.button{
    color: #ffffff;
    font-size: .75rem;
    line-height: 1.25rem;
    padding: .5rem .5rem;
    font-weight:500;
}
.layout-accomap .layout-acco-item__pricing{
    padding:.5rem;
    margin-top:.5rem;
}
.layout-accomap .layout-acco-item__period--nights{
    font-size:.6rem;
}

.layout-accomap .layout-acco-item__periods{
    font-size:.7rem;
}
.layout-accomap .leaflet-top,.layout-accomap .leaflet-bottom {
    z-index:2;
}
.layout-accomap .leaflet-container a.leaflet-popup-close-button{
    width: 26px;
    height: 26px;
    font-size: 20px;
    background-color: var(--primaryColor5);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    border-radius:5px;
    font-family:var(--mainTextFont);
}
@media (max-width:749px){
    .layout-accomap .leaflet-container {
        height: clamp(360px, 50vh, 640px) !important;
    }
    .layout-detail-map__map-container{
        width:100%;
    }
    .layout-accomap__inner{
        display:flex;
        flex-direction:column;
    }
    .layout-accomap .ha-searcher__criteria-filter{
        max-height: 2.75rem;
        overflow: hidden;
        transition:0.25s ease max-height;
    }
    .layout-accomap .ha-searcher__criteria-filter--active{
        max-height:25rem;
        overflow-y:auto;
    }
    .layout-accomap .ha-searcher__criteria-filter .ha-searcher__criteria-header{
        position:sticky;
        top:0;
        padding:.5rem;
        background-color:var(--primaryColor6);
        color:#ffffff;
        margin-top:0;
        border-radius:5px;
        font-weight:500;
        padding-right:45px;

        cursor:pointer;
    }
    .layout-accomap .ha-searcher__criteria-filter .ha-searcher__criteria-header::after{
        content:"";
        background-image:url(../img/icon-chevron-down-white.1.svg);
        width:20px;
        height:20px;
        display:block;
        position:absolute;
        right:10px;
        background-size:20px 20px;
        background-position:center center;
        background-repeat:no-repeat;
        transition:0.25s ease transform;
        top:50%;
        transform:translateY(-50%) rotate(0);
    }
    .layout-accomap .ha-searcher__criteria-filter--active .ha-searcher__criteria-header::after{
        transform:translateY(-50%) rotate(.5turn);
    }
}