/* Pages */

body[data-page-template="page-start"] .page__content::before,
.page__content:has(.page__left.gradient)::before {
    background-image: linear-gradient(90deg, var(--left-column-gradient-start) 0%, var(--left-column-gradient-end) 50%);
}

/* Menu */

.menu-item a {
    text-transform: uppercase;
    letter-spacing: 2px;
}

.current-menu-item.current_page_item>a {
    color: var(--color-brand-primary) !important;

    .menuVisitedIcon {
        background-color: var(--color-brand-primary) !important;
    }
}

.topMenuLogo {
    width: 60% !important;
    height: 50% !important;
}

/* Buttons */

.buttonPrimary,
.switcher__item {
    text-transform: uppercase !important;
    letter-spacing: 2px;
}

.floorplanBackToAllUnits,
.fpDownloadButton .buttonSecondary {
    background-color: var(--color-brand-secondary) !important;
    color: var(--color-brand-primary) !important;
}

/* Masterplan Popup */

.masterplan-popup-image {
    width: 50% !important;
    height: 50% !important;
}

.poi-distance {
    background-image: url(../wp-content/uploads/images/map-pano-icon/car.svg) !important;
}

/* Property Details */


.property-details {
    gap: 1rem !important;
    display: grid;
    max-height: 700px;
    opacity: 1;
    overflow: hidden;

    transition:
        max-height 0.5s ease-in-out,
        opacity 0.35s ease-in-out;
}

.property-details.hide {
    max-height: 0;
    opacity: 0;
}

.property-details-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem !important;
    font-weight: 400;
    text-align: start;
}

.property-details-item>div {
    max-width: 48ch;
}

.property-details-item .second-line {
    font-weight: 200;
}

.property-details-item img {
    width: var(--property-details-icon-size);
    height: var(--property-details-icon-size);
    background-color: var(--color-brand-primary);
    border-radius: 3rem;
    padding: .5rem;
}

/* Floorplan */

g.status-sold,
g.status-reserved {
    pointer-events: none !important;
}

@media ((orientation: landscape) and (max-width: 1022px)) {
    .floorplanBackToAllUnits {
        margin-left: calc(var(--fpLegendWidth) + 50px) !important;
    }
}