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

.cart-wrap {
    .option-wrap {

        ul,
        li {
            list-style: none;
            color: $gray-600;
            font-size: .75rem;
        }
    }

    .options {
        margin-bottom: .5rem;
    }
    .goods-name{
        margin-top: .5rem;
    }

    .mod_options {
        font-size: .75rem;
        font-weight: 600;
    }

    .option-modal-data {
        font-size: .75rem;

        h2 {
            display: none;
        }

        .option_wr {
            border-bottom: 1px solid $gray-500;
            padding: 1rem;

            h3 {
                font-size: .875rem;
                font-weight: 600;
            }

            .get_item_options {
                margin-bottom: .5rem;
                color: $primary;
            }

            .get_item_supply {
                margin-bottom: .5rem;
                color: $primary;
            }
        }

        #sit_sel_option {
            background-color: $gray-200;
            padding: 1rem;

            h3 {
                font-size: .875rem;
                font-weight: 600;
            }
        }

        .opt_count {
            button {
                border: 1px solid rgba($color: $gray-500, $alpha: .5);
            }
        }

        #sit_opt_added {
            list-style: none;

            li {
                list-style: none;
                font-size: .75rem;
            }
        }

        .btn_confirm {
            margin-top: .5rem;
            text-align: center;

            button {
                border: 1px solid rgba($color: $blue-400, $alpha: .5);
                padding: .25rem 2rem;
            }
        }

        #sit_tot_price {
            font-size: 1rem;
            color: $danger;
            padding: .5rem;
            text-align: right;
        }

        select {
            font-size: .75rem;
            display: block;
            width: 100%;
            padding: 0.375rem 0.75rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            appearance: none;
            border-radius: 0;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

        }
    }

    .opt_name {
        margin-top: .5rem;
    }

    #mod_option_close {
        display: none;
    }

    .sound_only {
        display: none;
    }

    .mobile-view {
        font-size: .75rem;

        .list-group-item {
            padding: .25rem;
            text-align: center;

            span {
                font-weight: 500;
                color: $red-600;
            }
        }
    }

    .total-info {
        font-size: .75rem;

        @include media-breakpoint-up(md) {
            font-size: 1rem;
        }
    }
}