.glozin-store-locations {
    --gz-store-locations-height: 550px;
}

.glozin-store-locations__tabs {
    border: 1px solid var(--gz-border-color);
    border-radius: var(--gz-rounded-md) 0 0 var(--gz-rounded-md);
}

.glozin-store-locations__content {
    line-height: 22px;
    border-bottom: 1px solid var(--gz-border-color);
    cursor: pointer;

    &.active {
        background-color: var(--gz-color-light-grey);

        .glozin-store-locations__title {
            color: inherit;
        }

        .glozin-store-locations__info {
            span,
            a {
                color: inherit;
            }
        }
    }

    &:last-child {
        border-bottom: 0;
    }
}

.glozin-store-locations__info {
    float: left;
    margin-inline-end: 3px;

    span {
        color: var(--gz-color-dark);
    }
}

.glozin-store-locations__tab {
    width: 66.66663%;
    flex: auto;
}

.glozin-store-locations__embed {
    animation: fadeOut .8s ease-in-out;

    &.active {
        animation: fadeIn .8s ease-in-out;
    }

    &:not(.active) {
        display: none;
    }

    iframe {
        border-radius: 0 var(--gz-rounded-md) var(--gz-rounded-md) 0;
        max-height: var(--gz-store-locations-height);
    }
}

.glozin-store-locations__mapbox {
    .glozin-map__content {
        height: 100%;
    }
}

@media (min-width: 992px) {
    .glozin-store-locations__tabs {
        width: 330px;
        max-height: var(--gz-store-locations-height);
        overflow: hidden;
        overflow-y: auto;

        &::-webkit-scrollbar {
            width: 4px;
        }

        &::-webkit-scrollbar-track {
            background: var(--gz-color-light-grey);
        }

        &::-webkit-scrollbar-thumb {
            background: var(--gz-color-dark);
        }
    }

    .glozin-store-locations__info {
        float: none;
    }
}