/* itemform */
@import "../../functions";
@import "../../variables";
@import "../../custom";
@import "../../maps";
@import "../../mixins";
@import "../../utilities";

.item-view-wrap {
    .item-image-wrap {
        width: 100%;

        @include media-breakpoint-up(md) {
            width: 50%;
        }
    }

    .item-image-view {
        .big-image {
            display: none;
        }

        .show-item {
            display: flex;
        }
    }

    .item-buy-info {
        .sound_only {
            @include visually-hidden();
        }

        .item-description {
            font-size: .75rem;
            color: $gray-600;
            font-weight: 600;
        }

        .share-icons {
            right: .5rem;
            bottom: .25rem;
            .btn{
                &:hover{
                    background-color: transparent;
                    color: $primary;
                }
                &:focus{
                    background-color: transparent;
                    color: $primary;
                }
                &:focus-visible{
                    background-color: transparent;
                    color: $primary;
                }
            }
            .sns_area {
                .bi {
                    font-size: 1.5rem;
                }
            }

            .wish-count {
                padding: .1rem;
                color: $white;
                font-size: .5rem;

            }
        }

        .label-title {
            @include visually-hidden();
        }

        .sit_option {
            .get_item_options {
                margin-bottom: .5rem;
            }
        }

        .buy-button {
            .btn {
                font-family: "Noto Sans KR", sans-serif;
                font-size: 1.25rem;
                padding-top: 1rem;
                padding-bottom: 1rem;
            }

        }

        #sit_sel_option {
            #sit_opt_added {
                list-style: none;
                padding: 0;

                .sit_opt_list,
                .sit_spl_list {
                    position: relative;
                    padding: 1rem;
                    background-color: $gray-100;
                    border: 1px solid $gray-200;
                    font-size: .875rem;
                    margin-bottom: .5rem;

                    button {
                        border: 1px solid $gray-200;
                    }

                    .sit_opt_del {
                        position: absolute;
                        right: .5rem;
                        top: .5rem;
                    }

                    .opt_name {
                        font-size: .75rem;
                        font-weight: 600;
                        margin-bottom: .5rem;
                    }
                }
            }
        }

        #sit_tot_price {
            padding: 1rem 0;
            font-size: 1.1rem;

            span {
                flex: 1 1 auto;
            }

            strong {
                color: $red-600;
                font-family: "Noto Sans KR", sans-serif;
            }
        }
    }

    .order-item-button {
        a {
            display: block;
            border: 1px solid $gray-200;
            background-color: $gray-200;
            padding: .25rem .75rem;
            font-size: .875rem;
            margin: .1rem;

            border: 1px solid transparent;

            &:hover {
                border-color: $blue-300;
            }
        }

        #siblings_prev {
            &::before {
                display: inline-block;
                font-family: bootstrap-icons !important;
                font-style: normal;
                font-weight: normal !important;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                vertical-align: -.125em;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\f27a';
            }
        }

        #siblings_next {
            &::after {
                display: inline-block;
                font-family: bootstrap-icons !important;
                font-style: normal;
                font-weight: normal !important;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                vertical-align: -.125em;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\f27b';
            }
        }
    }

}

#sit_buy {
    background-color: $gray-300;
}