/* components/location-item/location-item.wxss */
@import "variables";

.item {
    display: flex;
    border-radius: $primary-border-radius;
    justify-content: space-between;
    align-items: center;
    background: white;
    margin-bottom: $primary-border-radius;
    min-height: 180rpx;
    padding: $primary-gap;

    .info {
        display: flex;
        flex-direction: column;
        width: 100%;

        .location {
            height: 60rpx;
            line-height: 60rpx;
            color: $gray-color;
            display: flex;
            justify-content: space-between;
            //   align-items: center;

            .delete {
                width: $primary-gap * 1.3;
                height: $primary-gap * 1.3;

                image {
                    width: 100%;
                    height: 100%;
                }
            }
        }

        .address {
            //   height: 70rpx;
            line-height: 70rpx;
            font-size: $large-font-size;
            font-weight: 600;
            display: flex;
            justify-content: space-between;

            //   align-items: center;
            .address-info {
                max-width: 600rpx;
            }

            .edit {
                width: $primary-gap * 1.5;
                height: $primary-gap * 1.5;
                line-height: 85rpx;
            }
        }

        .footer {
            display: flex;
            justify-content: space-between;

            .user {
                height: 60rpx;
                display: flex;
                flex-direction: row;
                line-height: 60rpx;

                .phone {
                    margin-left: $primary-gap;
                }
            }

            .default-address {
                display: flex;
                align-items: center;
                gap: $primary-gap;

                .default-item {
                    line-height: 60rpx;
                    color: $primary-color;
                }

                .switch {
                    margin-top: 6rpx;
                }
            }

        }

    }


}