.site-main {
    & .block.breadcrumbs--wrapper {
        background-color: var(--wp--preset--color--background);
        border-bottom: 1px solid var(--wp--preset--color--line);

        & .content {
            padding: .849rem 0;
            line-height: 1;

            &:has(.breadcrumbs.for-gallery) {
                padding: 0;
            }

            & .breadcrumbs {
                display: inline-flex;
                align-items: center;
                flex-wrap: wrap;
                width: 100%;
                font-size: var(--wp--preset--font-size--small);

                &.for-gallery {
                    display: grid;
                    grid-template-columns: 1fr auto;
                    align-items: center;

                    & .categories-filter-wrapper {
                        height: 46px;
                        display: flex;
                        align-items: center;
                        position: relative;

                        & .cat-filters-list {
                            position: absolute;
                            top: 0;
                            left: -.5rem;
                            width: 100%;
                            gap: .188rem;
                            flex-wrap: nowrap;
                            overflow-x: auto;
                            scrollbar-gutter: stable;
                            padding: .5rem;
                            padding-right: 1.5rem;
                            mask-image: linear-gradient(to right, black 80%, transparent 100%);

                            &::-webkit-scrollbar {
                                height: .375rem;
                                background: transparent;
                            }

                            &::-webkit-scrollbar-thumb {
                                background-color: transparent;
                                transition: background-color .3s ease;
                            }

                            & .cat-filter-btn {
                                appearance: none;
                                background: transparent;
                                border: 1px solid transparent;
                                text-wrap: nowrap;
                                padding: 0 1rem;
                                height: 30px;
                                font-weight: 500;
                                cursor: pointer;
                                transition: all 0.2s ease;
                                font-family: var(--wp--preset--font-family--manrope);
                                font-size: calc(var(--wp--preset--font-size--small) - .125rem);
                                color: var(--wp--preset--color--contrast);
                                transition: background-color .3s ease, border-color .3s ease;
                                position: relative;
                                border-radius: 4px;

                                & .button_overlay {
                                    position: absolute;
                                    bottom: 0;
                                    left: 0;
                                    width: 100%;
                                    height: .5rem;
                                    opacity: 0;
                                    transition: opacity .3s ease;
                                    border-radius: 4px;
                                    box-shadow: rgba(0, 0, 0, .15) 0 -2px 0 inset;
                                }

                                &::after {
                                    content: '';
                                    position: absolute;
                                    bottom: 0;
                                    left: 50%;
                                    transform: translate(-50%, 0);
                                    width: 4px;
                                    height: 4px;
                                    background-color: var(--wp--preset--color--primary);
                                    opacity: 0;
                                    transition: opacity .3s ease;
                                    border-radius: 50%;
                                }

                                &:hover {
                                    &::after {
                                        opacity: 1;
                                    }
                                }

                                &.active {
                                    background-color: var(--wp--preset--color--primary);
                                    box-shadow: var(--wp--preset--shadow--post-shadow);
                                    transition: all .3s ease;
                                    background-image: linear-gradient(-60deg, transparent, transparent 40%, #ffffff44 40%, #ffffff44 60%, transparent 60%, transparent 100%);
                                    background-size: 200% 100%;
                                    background-position-x: 150%;
                                    background-repeat: no-repeat;

                                    & .button_overlay {
                                        opacity: 1;
                                    }

                                    &:hover {
                                        cursor: pointer;
                                        background-position-x: -150%;
                                        transition: all 1s;
                                        filter: brightness(1.025);

                                        &::after {
                                            opacity: 0;
                                        }
                                    }
                                }
                            }
                        }
                    }

                    & .nsfw-filter-wrapper {
                        padding-left: 1rem;
                        transform: translateY(2px);
                    }
                }

                & .go-home {
                    display: inline-flex;
                    align-items: center;
                    gap: .625rem;
                    line-height: 1;
                    transition: color .3s ease-in-out;

                    & svg {
                        position: relative;
                        bottom: .063rem;
                    }

                    &:hover {
                        color: var(--wp--preset--color--button);
                    }

                    &:focus-visible {
                        outline: none;
                        color: var(--wp--preset--color--focus);
                    }
                }

                &>span {
                    line-height: 1;
                }

                & :is(h1.page-title, h3.property-title) {
                    font-size: var(--wp--preset--font-size--small);
                    font-weight: 400;
                    line-height: 1;
                }

                & span+h1.page-title {
                    margin-left: .313rem;

                    &::first-letter {
                        text-transform: lowercase;
                    }
                }

                & .bi.bi-chevron-right {
                    margin: 0 .623rem;
                    width: 11px;
                    height: 11px;
                }

                & .separator {
                    margin: 0 .623rem;
                    color: var(--wp--preset--color--contrast-alpha-50);
                }
            }
        }
    }
}

.page-template-archive-property {
    & .site-main {
        & .block.breadcrumbs--wrapper {
            & .content {
                & .breadcrumbs {
                    position: relative;

                    & .breadcrumbs-filters {
                        margin-left: auto;
                        display: flex;
                        align-items: center;
                        gap: .25rem;
                        position: absolute;
                        top: 55%;
                        right: 0;
                        transform: translateY(-50%);

                        & .menu-flex {
                            padding: 0;
                            border: none;
                            height: 30px;

                            & :is(.menu-flex--operation, .menu-flex--type) {
                                display: flex;
                                align-items: center;
                                gap: .25rem;

                                & .filter-property {
                                    position: relative;

                                    &:hover {

                                        & [type="checkbox"]:not(:checked)+label,
                                        & [type="checkbox"]:checked+label {
                                            color: var(--wp--preset--color--contrast);
                                        }
                                    }

                                    & [type="checkbox"]:not(:checked)+label,
                                    & [type="checkbox"]:checked+label {
                                        padding: .2rem;
                                        height: 100%;
                                        z-index: 0;
                                        color: #00000078;
                                        font-size: var(--wp--preset--font-size--small);
                                        display: inline-flex;
                                        align-items: center;
                                        justify-content: center;
                                        gap: .5rem;
                                        transition: color .3s ease;

                                        & svg {
                                            position: relative;
                                            bottom: .2rem;
                                        }
                                    }

                                    & [type="checkbox"]:not(:checked)+label,
                                    & [type="checkbox"]:checked+label {
                                        padding: 0 .5rem;
                                        height: 30px;
                                        text-wrap: nowrap;
                                    }

                                    & [type="checkbox"]:checked+label {
                                        color: var(--wp--preset--color--contrast);
                                    }

                                    & [type="checkbox"]:not(:checked)+label:before,
                                    & [type="checkbox"]:checked+label:before {
                                        content: none;
                                    }

                                    & [type="checkbox"]:not(:checked)+label:after,
                                    & [type="checkbox"]:checked+label:after {
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        z-index: -1;
                                    }

                                    & [type="checkbox"]:checked+label:after {
                                        background-color: var(--wp--preset--color--base);
                                        border: 1px solid var(--wp--preset--color--line);
                                    }
                                }
                            }

                            & .menu-flex--type {
                                max-width: clamp(306.67px, 280px + 2.6vw, 317.5px);
                                overflow-x: scroll;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                scrollbar-gutter: stable;
                                mask-image: linear-gradient(to right, black 80%, transparent 100%);

                                &::-webkit-scrollbar {
                                    height: .375rem;
                                    background: transparent;
                                }

                                &::-webkit-scrollbar-thumb {
                                    background-color: transparent;
                                    transition: background-color .3s ease;
                                }
                            }
                        }

                        & .filter {
                            margin-left: 1rem;

                            & input {
                                height: 36px;
                            }
                        }
                    }
                }
            }
        }
    }
}