.dd-bolig-shop {
    max-width: var(--dd-max-width);
    margin: auto;
    font-family: var(--dd-font-default);
}

.dd-bolig-shop * {
    box-sizing: border-box;
}

.dd-bolig-shop img {
    pointer-events: none; /* DISABLE EDGE VISUAL SEARCH */
}

.dd-bolig-shop a {
    font-size: inherit;
}

.dd-bolig-shop p {
    color: var(--dd-color-text);
}

.dd-bolig-shop.dd-loading::after {
    content: "";
    display: block;
    background: white;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 5;
    opacity: 0.5;
    cursor: wait;
}


/* DON'T OVERFLOW */
.dd-bolig-shop-element {
    overflow: hidden;
}



/* NO SCROLL - Added to Body when scrolling is disabled (fx. on map). */
.dd-no-scroll {
    overflow: hidden;
}




/* FIXED ELEMENTS AND CONTENT */
.dd-bse-fixedelement {
    position: fixed;
    /* top: 0; */
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    height: 100svh;
}
.dd-bse-fixedcontent {
    position: fixed;
    /* top: 0; */
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    height: 100svh;
}



/* POINTER EVENTS */
.dd-bolig-shop-element {
    pointer-events: none;
}
.dd-bolig-shop-element.active .dd-interactive {
    pointer-events: auto;
}









/* MAP */
.dd-bse-map {
    z-index:2;
    top: 0;
    height: 100vh;
}

.dd-bse-map-content {
    position: fixed;
    top:0;
    bottom:0;
    /* height:100svh; */
}
.dd-bolig-shop .dd-bse-map.dd-bse-fixedelement .dd-bse-fixedcontent {
    /* top:unset;
    bottom:0; */
}

.dd-bolig-shop .dd-bse-map {
    /* top: 0;
    height: 100vh; */
}

.dd-bolig-shop .dd-bse-map .dd-bse-fixedcontent {
    /* top: 0;
    height: 100vh; */
}

.dd-bolig-shop .dd-bse-map .dd-statemachine-controlbar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--dd-bottom-controlbar-height);
    /* max-width: 500px;
    margin: auto; */
    align-items: center;
    justify-content: center;
}

.dd-bse-map .dd-bse-content {
    background: white;
    background-color: var(--dd-color-background);
}

.dd-bse-map .dd-action-open-sort-menu,
.dd-bse-map .dd-action-flip-sort-direction {
    display: none;
}





@media screen AND (min-width:768px) AND (orientation:landscape) {

    .dd-bse-map .dd-bse-content {
        /* position: relative; */
    }

    .dd-bolig-shop.is-showing-bolig .dd-bse-map .dd-bse-content {
        max-width: 50%;
        max-width: calc(var(--dd-max-width) / 2);
        transform: translate(-50%, 0px);
    }

    .dd-bse-biw .dd-bse-content,
    .dd-bse-biwctas .dd-bse-content {
        max-width: 50%;
        margin-left: auto;
        margin-right: 0;
        position: relative !important;
    }

    .dd-bolig-shop .dd-bse-biw .sape-biw-viewport {
        height: 60lvh;
        min-height: unset;
    }
}




.dd-bolig-shop:not(.dd-is-filtering) .dd-display-if-filtering {
    display: none;
}




/* LIST */
.dd-bse-list .dd-bse-content {
    background: white;
    background-color: var(--dd-color-background);
}
.dd-bse-list-counter {
    text-align: left;
    padding: var(--dd-margin-narrow);
    padding-top: calc(var(--dd-margin-narrow)* 0.5);
    font-size: var(--dd-font-small);
    color: var(--dd-color-text);
}





.dd-bolig-shop .dd-bse-biw.dd-bse-fixedelement .dd-bse-fixedcontent {
    /* top:0;
    bottom:unset; */
}
.dd-bse-biw .dd-bse-content {
    /* background: white; */
}
.dd-bse-biw,
.dd-bse-biw .dd-bse-content  {
    /* position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100lvh; */
    /* bottom: 0; */
}
.dd-bse-biw .dd-bse-content {

}





/* FILTER MENU */
.dd-bse-filtermenu {
    z-index: 100;
}

.dd-bse-filtermenu .dd-bse-content {
    background: white;
    height: 85vh;
    height: 85svh;
    max-width: 560px;
}

.dd-bse-filtermenu .dd-scroll-area {
    overscroll-behavior: contain;
}





.dd-bolig-shop-element:not(.active) .dd-interactive * {
    pointer-events: none!important;
}

.non-interactive {
    pointer-events: none!important;
}






/* TOGGLEBUTTON */
.dd-bse-togglebutton {
    /* position: fixed;
    left: 50%;
    bottom: 100px;
    bottom: calc(var(--dd-bottom-controlbar-height) + var(--dd-margin-narrow));
    transform: translate(-50%, 0);
    z-index: 2; */


    
    position: fixed;
    left: 0;
    bottom: 80px;
    /* bottom: calc(var(--dd-bottom-controlbar-height) + var(--dd-margin-narrow)); */
    bottom: calc(var(--dd-bottom-controlbar-height) + var(--dd-button-height-small) / 4);
    z-index: 2;
    right: 0;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    overflow: visible;
    pointer-events: none;
    max-width: var(--dd-max-width);
}

.dd-bolig-shop.dd-follow-ll-container-width .dd-bse-togglebutton {
    max-width: calc(2*(var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--wp--style--global--wide-size));
    width: calc(2*(var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--container-max--width-wide));
}

.dd-bolig-shop.is-showing-bolig .dd-bse-togglebutton-anchor {
    margin-right: 50%;
}


.dd-bse-togglebutton .dd-button {
    display: none;
}
.dd-bse-togglebutton .dd-button.active {
    display: flex;
    pointer-events: all;
}








/* ELEMENTS ANIMATE IN */
.dd-bse-animate-in-left .dd-bse-content  {
    transform: translate(-100%,0);
    transition: transform var(--dd-animation-time) var(--dd-animation-easing);
}
.dd-bse-animate-in-left.active .dd-bse-content  {
    transform: translate(0,0);
}

.dd-bse-animate-in-right .dd-bse-content  {
    transform: translate(100%,0);
    transition: all var(--dd-animation-time) var(--dd-animation-easing);
}
.dd-bse-animate-in-right.active .dd-bse-content  {
    transform: translate(0,0);
}

.dd-bse-animate-in-bottom .dd-bse-content {
    opacity: 0;
    transform: translate(0,100vh);
    pointer-events: none;
    opacity: 0;
    transition: transform var(--dd-animation-time) var(--dd-animation-easing), opacity 0.2s ease-out;
}
.dd-bse-animate-in-bottom.active .dd-bse-content {
    opacity: 1;
    transform: translate(0,0);
    pointer-events: auto;
    opacity: 1;
}

.dd-bse-animate-in-fade .dd-bse-content  {
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--dd-animation-time) var(--dd-animation-easing);
}
.dd-bse-animate-in-fade.active .dd-bse-content  {
    pointer-events: auto;
    opacity: 1;
}

.dd-secondary-animation.active .dd-bse-content {
    transition-delay: var(--dd-animation-time);
}








/* THE LIST */
.dd-bse-list-titlearea{
    padding: 0 var(--dd-margin-narrow);
}

.dd-bse-list-titlearea-heading {
    font-size: 1.4em;
    margin-top: 1.2em;
    color: var(--dd-color-text);
}

.dd-bse-list-controlbar {
    font-size: var(--dd-font-small);
    z-index: 1;
    background: white;
    background-color: var(--dd-color-background);
    max-height: 100px;
    overflow: visible;
    transition: max-height 0.2s ease;
}

.dd-bse-list-controlbar.dd-hidden {
    max-height: 0;
}

.dd-bse-list .dd-bse-list-controlbar {
    min-height: var(--dd-list-controlbar-height);
}

.dd-bse-list-controlbar .dd-bse-list-controlbar-buttons {
    display: flex;
    justify-content: right;
    padding: calc(var(--dd-margin-narrow) - 0.5em);
    border-bottom: 2px solid var(--dd-color-viewport);
}
.dd-bse-list-controlbar .dd-bse-list-controlbar-buttons .dd-button:first-child {
    margin-right: auto;
}
@media screen AND (max-height:800px) AND (orientation:landscape) {
    .dd-bse-list-controlbar .dd-bse-list-controlbar-buttons {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.dd-bse-list-controlbar .dd-bse-list-controlbar-fixed {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: var(--dd-list-controlbar-offset-left);
    width: var(--dd-list-controlbar-width);
    z-index: 2;
    background: var(--dd-color-background);
    transform: translateY( var(--dd-header-height) );
    transition: transform var(--dd-animation-time) var(--dd-animation-easing);
}
/* BACKGROUND */
.dd-bse-list-controlbar .dd-bse-list-controlbar-fixed::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -20px;
    right: -20px;
    bottom: 0;
    background: var(--dd-color-background);
    z-index: -1;
}

.dd-bse-list-controlbar.dd-is-sticky .dd-bse-list-controlbar-fixed {
    display: flex;
}

.dd-bse-list-controlbar.dd-is-sticky .dd-bse-list-controlbar-normal {
    display: none;
}

body.dd-header-hidden:not(.dd-force-header) .dd-bse-list-controlbar .dd-bse-list-controlbar-fixed {
    transform: translateY( 0 );
}
.dd-bse-list-controlbar button {
    background: transparent;
    color: black;
    border: none;
}
.dd-bse-list-controlbar button.dd-button {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.dd-sort-selector{
    position: relative;
}
.dd-sort-selected,
.dd-sort-option {
    font-weight: normal;
    opacity: 0.67;
}
.dd-sort-selected {
    min-width: 6em;
    display: inline-block;
    margin-left: 1em;
}
.dd-sort-options-wrapper {
    pointer-events: none;
    /* display: none; */
    position: absolute;
    left: -1em;
    top: 100%;
    width: max-content;
    overflow: hidden;
    padding: 0 1em 1em;
    z-index: 9;
}
.dd-sort-options {
    display: flex;
    flex-direction: column;
    /* gap: 1em; */
    padding: 1.2em 0.5em 1em;
    transition: all var(--dd-animation-time) var(--dd-animation-easing);
    transform: translate(0px, -100%);
    opacity: 0;
    background: white;
    background-color: var(--dd-color-background);
    z-index: 1;
    position: relative;
    box-shadow: 0 6px 6px #00000012;
    color:var(--dd-text-color);
}
.dd-sort-option {
    padding: 0.5em;
    border-radius: 99px;
}
@media screen AND (hover:hover){
    .not-touch-device .dd-sort-option:hover {
        text-decoration: underline;
    }
}
.dd-sort-option:focus-visible {
    outline: 2px solid black;
    outline-offset: 3px;
}
.dd-button.active .dd-sort-options-wrapper {
    pointer-events: auto;
}
.dd-button.active .dd-sort-options {
    pointer-events: auto;
    transform: translate(0px, 0px);
    opacity: 1;
}
.dd-action-flip-sort-direction[data-direction="1"] .dd-icon-wrapper {
    transform: scale(1,-1);
}




/* THE MAP */
.dd-bolig-shop .sape-sm-extrabuttons {  /* FORCE EXTRA BUTTONS TO TOP LEFT CORNER */
    position: fixed;
    top: calc( var(--dd-header-height) + var(--dd-list-controlbar-height) );
    left: 0;
    margin: 5px;
    max-width: 80vw;
    max-width: calc(100vw - 60px);
}






/* THE BIW - TODO: Move this into own file system */
.dd-biw-wrapper {
    position: relative;
    height: 100%;
}
/* .dd-biw-wrapper .dd-loadingscreen {
    bottom:10%;
} */
.dd-biw-content { 
    overflow: auto;
    height: 100%;
    position: relative;
    overscroll-behavior: contain;
    overflow-y: scroll;
    overflow-x: hidden;
}

.dd-biw-ui {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px;
    pointer-events: none;
    z-index: 2;
    display: flex;
    justify-content: right;
}

.dd-biw-ui .dd-button {
    pointer-events: auto;
}


.dd-bolig-shop .sidebox-data-container {
    position: relative;
    height: -webkit-fill-available;
}
.dd-bolig-shop .sidebox-data-container .sidebox-wrapper {
    margin:0;
}
.dd-bolig-shop .sape-sidebox-biw-v2 .sidebox-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.dd-bolig-shop .sape-biw-menu {
    position: relative;
    top: unset;
    z-index: unset;
    padding: 15px 20px;
    gap:0;
    background-color: var(--dd-color-background);
}
.dd-bolig-shop .sape-biw-menu > .dd-button {
    margin-right:12px;
}
.dd-bolig-shop .sape-biw-viewport {
    min-height: 100vw;
}
.dd-bolig-shop .sape-biw-info {
    padding: 20px;
}







/* TTHE BIW CTAS */
.dd-bse-biwctas {
    z-index: 3;
}
.dd-biw-cost-info {
    font-weight: bold;
}
/* .dd-biw-cta-footer {
    display: grid;
    grid-template-rows: auto; 
    gap: 10px;
    padding: 20px;
    background: white;
    background-color: var(--dd-color-background);
    border-radius: 20px 20px 0 0;
    z-index: 1;
    position: fixed;
    bottom: 0;
    left:0;
    right:0;
} */

.dd-biw-cta-footer-top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: var(--dd-color-text);
}

html body .dd-bse-biwctas .dd-bse-content,
html body .dd-bse-biwctas.active .dd-bse-content {
    pointer-events: none;
}

.dd-bse-biwctas .dd-biw-cta-footer {
    pointer-events: auto;
}
.sape-biw-tab-main {
    padding-bottom: 220px;
}
.dd-biw-button-cta-buy{
    width: auto;
    width: -webkit-fill-available;
}

.dd-biw-cta-footer-bottom {
    display: flex;
    justify-content: stretch;
}
.dd-biw-cta-footer-bottom .dd-button {
    width: 100%;
}












/* THE TOGGLEBUTTON */
.dd-button-transparent {
    background: #000000bf;
    border: none;
    color: white;
    font-weight: normal;
}
.dd-button-transparent svg {
    fill: white;
}













/* POPUP MENU */
.dd-popup-menu {
    overflow: hidden;
    pointer-events: none;

}
.dd-popup-menu.active .dd-interactive {
    pointer-events: auto;
}
.dd-popup-menu:not(.active) .dd-interactive * {
    pointer-events: none!important;
}
.dd-popup-menu-wrapper {
    display:flex;
    flex-direction: column;
    border-radius: var(--dd-window-radius) var(--dd-window-radius) 0 0;
}
.dd-popup-menu-header {
    text-align: center;
    padding: 25px var(--dd-window-radius);
    box-sizing: border-box;
}

.dd-popup-menu {
    z-index: 100;
}

.dd-popup-menu .dd-bse-content {
    background: white;
    background-color: var(--dd-color-background);
    color: var(--dd-color-text);
    height: fit-content;
    max-height: 85vh;
    max-height: 85svh;
    max-width: 560px;
}

.dd-popup-menu .dd-scroll-area {
    overscroll-behavior: contain;
}

.dd-popup-menu .dd-popup-menu-closebutton {
    position: absolute;
    top: 15px;
    right: 15px;
}

.dd-popup-menu-footer {
    padding: 15px var(--dd-window-radius);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dd-popup-menu-content {
    padding: 0px;
    box-sizing: border-box;
    flex: 1 1 auto;
    overflow-y: auto;
}

.dd-popup-menu-section {
    padding: var(--dd-window-radius);
}

.dd-popup-menu-section,
.dd-popup-menu-footer {
    border-top: 1px solid lightgray;
}

.dd-popup-menu-bg {
    background: black;
    width: 100%;
    height: 100lvh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity var(--dd-animation-time) var(--dd-animation-easing);
}


.active .dd-popup-menu-bg {
    opacity: 0.5;
}






/* DEPRECATED - USING .dd-popup-menu instead */
/* THE FILTER MENU */
/* .dd-bse-filtermenu-wrapper {
    display:flex;
    flex-direction: column;
    border-radius: 40px 40px 0 0;
}

.dd-bse-filtermenu-header {
    text-align: center;
    padding: 25px 40px;
    box-sizing: border-box;
}

.dd-bse-filtermenu-closebutton {
    position: absolute;
    top: 15px;
    right: 15px;
}

.dd-bse-filtermenu-footer {
    padding: 15px 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dd-bse-filtermenu-content {
    padding: 0px;
    box-sizing: border-box;
    flex: 1 1 auto;
    overflow-y: auto;
}

.dd-bse-filtermenu-section {
    padding: 40px;
}

.dd-bse-filtermenu-section,
.dd-bse-filtermenu-footer {
    border-top: 1px solid lightgray;
} */











/* HEADER SETTINGS */
.dd-header-padding {
    /* padding-top: var(--header-height, var(--dd-header-height));  */
    padding-top: var(--dd-header-height); 
    transition: all var(--dd-animation-time) var(--dd-animation-easing);
}
.dd-header-and-controlbar-padding {
    padding-top: calc( var(--dd-header-height) + var(--dd-list-controlbar-height) );
    transition: all var(--dd-animation-time) var(--dd-animation-easing);
}
body.dd-header-hidden:not(.dd-force-header) .dd-header-padding, 
body.dd-header-hidden:not(.dd-force-header) .dd-header-and-controlbar-padding {
    padding-top: 0;
}
body.dd-force-header .scroll-down {
    transform: translateY(0);
}

/* FOOTER  SETTINGS */
body > footer {
    transition: all .2s ease;
}
.dd-force-header > footer {
    opacity: 0;
    pointer-events: none;
}





/* TEST */
.dd-bse-testbuttons {
    display: flex;
}
.dd-bse-testbutton {
    padding: 0px 16px;
    background: black;
    color: white;
    border-radius: 99px;
    border: none;
    margin: 2px;
    display: inline-block;
}