/*
 Theme Name:   VR Partners
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

@view-transition {
    navigation: auto;
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

:root {
    --bricks-color-secondary: var(--secondary-trans-10);
    --bricks-text-danger: var(--secondary);

    --primary: var(--neutral);
    --primary-hover: var(--neutral-hover);
    --primary-ultra-light: var(--neutral-ultra-light);
    --primary-light: var(--neutral-light);
    --primary-semi-light: var(--neutral-semi-light);
    --primary-semi-dark: var(--neutral-semi-dark);
    --primary-dark: var(--neutral-dark);
    --primary-ultra-dark: var(--neutral-ultra-dark);

    --h1-xl: clamp(2.7648rem, calc(2.4819512195vw + 1.871297561rem), 4.8rem);

    --link-underline-offset: 0.4em;
}

@media screen and (min-width: 768px) {
}

/* inter-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: regular;
    src: url('assets/fonts/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/inter-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    src: url('assets/fonts/inter-v18-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hedvig-letters-serif-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Hedvig Letters Serif';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/hedvig-letters-serif-v2-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.brx-animate-fadeInUp {
    transform: translate(0, 50px) !important;
    /* scale(1.05, 1.05) !important; */
    opacity: 0;
    transition: var(--transition);
    
    &.brx-animated {
        transform: translate(0, 0px) !important;
        /* transform: scale(1, 1) !important;  */
        opacity: 1;
    }
}

.leaflet-map.leaflet-container {
    font-size: 1em !important;
}

.leaflet-marker-icon {
    width: var(--text-l) !important;
}

footer li.wpml-ls-item {
    display: none;
}

[data-interactions*='fadeInUp'] {
    opacity: 0;
    transition: var(--transition);
}
.brx-animated[data-interactions*='fadeInUp'] {
    opacity: 1;
}

/* WPGB Facets */
.property-facet {
    .wpgb-facet {
        .wpgb-facet-title {
            font-size: var(--text-m);
            color: var(--text-color);
            line-height: var(--text-line-height);
            text-wrap: var(--text-text-wrap);
            text-transform: none;
            margin-bottom: var(--space-xs);
            font-family: var(--text-font-family);
            font-weight: 500;
        }

        .wpgb-input,
        .wpgb-select {
            border-width: 0 0 1px 0;
            border-radius: 0;
            border-color: var(--neutral-ultra-dark-trans-20);
            padding-bottom: 0.3em;
            min-height: 40px;
            font-size: var(--text-s);

            .wpgb-select-value,
            .wpgb-select-placeholder input[type='text'] {
                font-size: var(--text-s);
                color: var(--body-color);
            }

            .wpgb-select-separator {
                display: none;
            }

            .wpgb-select-controls {
                align-self: flex-start;
                padding-top: 8px;
            }

            .wpgb-select-toggle,
            .wpgb-select-clear {
                color: var(--primary);
            }
        }

        .wpgb-range-slider {
            height: 3px;
            .wpgb-range-progress {
                background-color: var(--primary);
            }
        }

        & > fieldset:last-child {
            margin-bottom: 0;
        }

        /* Pagination */
        .wpgb-pagination li a[aria-current] {
            color: var(--primary);
        }
    }

    /* Sort by field */
    &.property-face--sort-by {
        .wpgb-facet {
            display: flex;
            align-items: center;
            border-bottom: 1px solid var(--neutral-ultra-dark-trans-20);

            .wpgb-facet-title {
                margin-bottom: 0;
                padding-block: 8px;
                line-height: 26px;
            }

            .wpgb-select {
                border-width: 0;
                padding-bottom: 0;
            }
        }
    }

    &.property-facet--hide-title {
        .wpgb-facet .wpgb-facet-title {
            font-size: 0;
        }
    }
}