/*
Show accomodations style
*/

.home-accomodations-block .wp-block-group {
    margin-left: 0 !important;
    margin-bottom: 4rem;
}

.home-accomodations-block .wp-block-accomodation {
    width: 100% !important;
}

.wp-block-accomodation {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(288px, 1fr));
    column-gap: 48px;
    row-gap: 74px;
}

.accomodation-wrapper {
    max-width: 480px;
    margin-right: auto;
    margin-left: auto;
}

.accomodation-features-container .accomodation-features {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 32px;
}

.accomodation-feature {
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: .25rem;
    margin-left: .5rem;
}

.accomodation-features small {
    margin-right: .5rem;
}

.accomodation-feature::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.accomodation-feature::before, .accomodation-feature small {
    display: inline-block;
}

.accomodation-block {
    display: flex;
    min-height: 272px;
    align-items: flex-end;
    padding: 1em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.accomodation-block::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.12);
    transition: all .2s ease-in;
    z-index: 1;
}

.accomodation-block:hover::before {
    background-color: rgba(0,0,0,.25);
}

.accomodation-title-container {
    position: relative;
    z-index: 2;
}

.accomodation-title-container > * {
    color: #fff !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,.25);
}

.accomodation-title-container h4 {
    margin-top: 2em;
    margin-bottom: 0;
}

@media screen and (min-width: 800px) {
    .wp-block-accomodation {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        row-gap: 108px;
    }
}/*---------------------------------------------
//  slider promotions block
//---------------------------------------------
*/

/* moved to main css, for reusing in category page */

.acf-block-preview .editor-language-block {
    content: 'Language switcher menu';
    width: 100%;
    min-height: 168px;
    border: 1px dashed var(--white);
    padding: 1em;
}