/**
 * Zimmerbörse Frontend Styles
 */

div:has(> .wohnungsdaten) {
    /* container size */
    container-type: inline-size;
    container-name: wohnungsdaten-container;
}

.wohnungsdaten {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    .gspb_meta_prefix {
        flex: 1;
    }
}

@container wohnungsdaten-container (max-width: 220px) {
    .wohnungsdaten {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .gspb_meta_prefix {
        flex: 0 0 100%;
    }

    .gspb_meta_value {
        margin-left: 0 !important;
    }
}

/* Example style to confirm it's loaded */
/* .stwk-privatzimmer-title { color: #004a99; } */