.bedrijventerreinen-map-layout .pk-row {
    padding-block: 0 145px;
}

.bedrijventerreinen-map-layout .content-container,
.bedrijventerreinen-map-layout .map-container {
    background-color: var(--linnen);
    padding: 40px;
}

.bedrijventerreinen-map-layout .map-container {
    padding-bottom: 0;
}

.bedrijventerreinen-map-layout .map-container {
    margin-top: 2rem;
}

.bedrijventerreinen-map-layout .map-filter {
    flex-shrink: 0;
    margin-bottom: 2rem;
}

.bedrijventerreinen-map-layout .filter-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bedrijventerreinen-map-layout .filter-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bedrijventerreinen-map-layout .filter-btn {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    gap: 8px;
    border: 1px solid rgba(19, 15, 64, 0.10);
    background: var(--white);
    color: var(--text-main);
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.32px;
    border-radius: 999px;
    cursor: pointer;
    transition: all 180ms ease-in-out;
}

.bedrijventerreinen-map-layout .filter-btn .filter-icon {
    width: 32px;
    height: 32px;
    aspect-ratio: 1/1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Ccircle cx='16' cy='16' r='15.5649' stroke='%23130F40' stroke-width='0.870206'/%3E%3C/svg%3E");
    background-size: contain;
    position: relative;
}

.bedrijventerreinen-map-layout .filter-btn .filter-icon:after {
    content: '';
    position: absolute;
    height: 32px;
    width: 32px;
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23C51717'/%3E%3Cmask id='mask0_682_1285' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='7' y='7' width='18' height='18'%3E%3Crect x='7.46667' y='7.7334' width='17.0667' height='17.0667' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_682_1285)'%3E%3Cpath d='M14.2578 18.7666L20.4007 12.6236C20.5064 12.5178 20.6302 12.4637 20.7719 12.4615C20.9137 12.4592 21.0397 12.5133 21.15 12.6236C21.2604 12.734 21.3156 12.8607 21.3156 13.0037C21.3156 13.1469 21.2604 13.2736 21.15 13.384L14.7077 19.8373C14.5791 19.9658 14.4292 20.03 14.2578 20.03C14.0864 20.03 13.9364 19.9658 13.8078 19.8373L10.8389 16.8684C10.7332 16.7626 10.6811 16.637 10.6825 16.4915C10.6838 16.3462 10.7396 16.2184 10.85 16.1081C10.9603 15.9977 11.087 15.9426 11.23 15.9426C11.3732 15.9426 11.5 15.9977 11.6103 16.1081L14.2578 18.7666Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    opacity: 0;
    transition: opacity 180ms ease-in-out;
}

.bedrijventerreinen-map-layout .filter-btn:hover {
    border-color: var(--red, #C51717);
    background: var(--white);
}


.bedrijventerreinen-map-layout .filter-btn.active .filter-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Ccircle cx='16' cy='16' r='15.5649' stroke='white' stroke-width='0.870206'/%3E%3C/svg%3E");
}

.bedrijventerreinen-map-layout .filter-btn.active .filter-icon:after {
    opacity: 1;
}

.bedrijventerreinen-map-layout .map {
    height: 650px;
    overflow: hidden;
}


.bedrijventerreinen-map-layout .map-error {
    padding: 2rem;
    text-align: center;
    background: #fee;
    border: 1px solid #fcc;
    color: #c33;
}


.bedrijventerreinen-map-layout .content-container {
    gap: 2.5rem;
}

.bedrijventerreinen-map-layout .extra-info-container {
    max-width: 85%;
}

.bedrijventerreinen-map-layout .extra-info-container>.link-card {
    height: fit-content;
    margin-top: 1rem;
}

.bedrijventerreinen-map-layout .extra-info-container>.link-card .link-card-overlay {
    background-color: var(--kobalt);
}

.bedrijventerreinen-map-layout .extra-info-container>.link-card .link-card-overlay:after {
    background-color: var(--linnen);
}

.bedrijventerreinen-map-layout .extra-info-container .adviseur-badge {
    width: 100%;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    /*! flex-wrap: wrap; */
}

.bedrijventerreinen-map-layout .extra-info-container .adviseur-badge .adviseur-image {
    height: fit-content;
    flex-shrink: 0;
}

.bedrijventerreinen-map-layout .extra-info-container .adviseur-badge .adviseur-image img {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 56px;
    object-fit: cover;
    object-position: top;
}

.bedrijventerreinen-map-layout .extra-info-container .adviseur-badge .adviseur-info h5 {
    margin-bottom: 4px;
    color: var(--white);
}

.bedrijventerreinen-map-layout .extra-info-container .adviseur-badge .adviseur-info span {
    opacity: 0.75;
    color: var(--white);
    text-wrap: wrap;
}

.flex-layout.bedrijventerreinen-map-layout .map-results {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.flex-layout.bedrijventerreinen-map-layout .result-item .link-card-overlay {
    background-color: var(--kobalt);
    transition: background-color 180ms ease-in-out;
}

.flex-layout.bedrijventerreinen-map-layout .result-item .link-card-overlay:after {
    background-color: var(--linnen);
}

.flex-layout.bedrijventerreinen-map-layout .result-item.active .link-card-overlay {
    background-color: var(--red);
}

.flex-layout.bedrijventerreinen-map-layout .result-item .link-card-content {
    padding: 1rem;
    min-height: 430px;
}

.flex-layout.bedrijventerreinen-map-layout .result-item .image-container {
    position: relative;
}

.flex-layout.bedrijventerreinen-map-layout .result-item .image-container>img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 446/400;
}

.flex-layout.bedrijventerreinen-map-layout .result-item .pk-module.pk-label {
    background-color: var(--kobalt);
    color: var(--white);
    position: absolute;
    top: 1rem;
    left: 1rem;
}

.flex-layout.bedrijventerreinen-map-layout .result-item .text-content-container {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
}


.flex-layout.bedrijventerreinen-map-layout .result-item .text-content-container h4,
.flex-layout.bedrijventerreinen-map-layout .result-item .text-content-container p,
.flex-layout.bedrijventerreinen-map-layout .result-item h4.result-title {
    color: var(--white);
}

.flex-layout.bedrijventerreinen-map-layout .result-item .text-content-container p:last-child {
    margin-bottom: 1rem;
}

.flex-layout.bedrijventerreinen-map-layout .result-item .text-content-container .pk-button-group {
    margin-top: auto;
}

.flex-layout.bedrijventerreinen-map-layout .result-item .result-title.mobile {
    display: none;
}

@media screen and (max-width: 1200px) {
    .bedrijventerreinen-map-layout .content-container {
        gap: 1.5rem;
    }

    .bedrijventerreinen-map-layout .extra-info-container {
        order: 2;
        max-width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .flex-layout.bedrijventerreinen-map-layout .result-item .text-content-container {
        padding: 1.5rem 0 1rem;
    }

    .bedrijventerreinen-map-layout .map-container {
        padding: 1.5rem;
        padding-bottom: 0;
    }

    .bedrijventerreinen-map-layout .content-container {
        padding: 2rem 1.5rem 1.5rem;
    }

    .flex-layout.bedrijventerreinen-map-layout .result-item .image-container>img {
        max-height: 400px;
    }

    .flex-layout.bedrijventerreinen-map-layout .result-item .text-content-container h4.result-title {
        display: none;
    }

    .flex-layout.bedrijventerreinen-map-layout .result-item h4.result-title.mobile {
        display: block;
        margin-bottom: 1.5rem;
    }

    .flex-layout.bedrijventerreinen-map-layout .result-item .link-card-content {
        padding: 1.5rem 1rem;
    }

    .bedrijventerreinen-map-layout .pk-row {
        padding-block: 0;
    }

}

@media screen and (max-width: 767px) {
    .bedrijventerreinen-map-layout .map-container {
        padding: 1.5rem 0.5rem 0;
    }

    .bedrijventerreinen-map-layout .content-container {
        padding: 1.5rem 0.5rem;
    }

    .flex-layout.bedrijventerreinen-map-layout .result-item .text-content-container h4 {
        max-width: 300px;
        width: fit-content;
    }

    .flex-layout.bedrijventerreinen-map-layout .result-item .image-container>img {
        max-height: 300px;
    }

    .bedrijventerreinen-map-layout .pk-row .heading-container .pk-heading {
        margin-bottom: 0;
    }

    .bedrijventerreinen-map-layout .pk-row .heading-container {
        padding-inline: 1rem;
    }

}

/* Google Maps Controls Styling */
.bedrijventerreinen-map-layout .map .gm-control-active {
    background-color: var(--white) !important;
    border: 1px solid rgba(19, 15, 64, 0.10) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

.bedrijventerreinen-map-layout .map .gm-control-active>img {
    filter: brightness(0) saturate(100%);
}

.bedrijventerreinen-map-layout .map .gm-fullscreen-control,
.bedrijventerreinen-map-layout .map .gm-svpc {
    background-color: var(--white) !important;
    border: 1px solid rgba(19, 15, 64, 0.10) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}