@import "theme/default.css";

.user-active{background-color: var(--dmBackgrounColor);}

.main-content{padding-top: 96px;max-width: 800px;margin: auto; width: 100%;padding: 96px 16px 16px 16px}

.order-type-radio{background: #FFFFFF;border: 1px solid #D0D5DD;padding: 16px;}

input[type="radio"]:checked+label.order-type-radio{background: var(--dmComplementaryColor);border-color: var(--dmButtonBorderColor);}
input[type="radio"]:checked+label .rounded-input-radio:after{display: block!important}
input[type="radio"]:checked+label .rounded-input-radio{border-color: var(--dmButtonBgColor);}

input[type="radio"]{display: none}
.courier .order-type-radio .header .title:before{content: url("../images/courier.svg");width: 24px;height: 24px;display: block}
.rounded-input-radio{width: 20px;min-width: 20px;height: 20px;border: 0.09rem solid #D0D5DD;border-radius: 50%;display: block;position: relative}
.rounded-input-radio:after{content: "";width: 10px;height: 10px;display: none;background: var(--dmButtonBgColor);border-radius: 50%;position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto}
.courier .order-type-radio .address:before{content: "";display: block;width: 1px;height: 100%;background: var(--dmButtonBgColor);position: absolute}
.order-type-radio .address .edit{color: var(--dmButtonBgColor)}
.order-type-radio .address .edit:after{content: "";width: 20px;height: 20px;display: block;mask-repeat: no-repeat;mask-position: center;mask-size: contain;mask-image: url(../images/edit-g.png);background-color: var(--dmButtonBgColor);}

.in-car .edit-content{cursor: pointer}
.plaque-content input, .plaque-content-modal input{border-radius: 4px;border: 1px solid #98A2B3;height: 35px;display: block;text-align: center;color: #98A2B3;background-color: transparent;font-size: 16px;font-weight: 500;line-height: 28px}
.plaque-content input.inp1, .plaque-content input.inp4, .plaque-content-modal input.inp1, .plaque-content-modal input.inp4{width: 48px}
.plaque-content .inp1-container:after, .plaque-content-modal .inp1-container:after{content: "ایران";width: 34px;height: 11px;display: block;position: absolute;top: -3px;right: 0;left: 0;margin: auto;background-color: #fff;font-size: 8px;line-height: 6px;font-weight: 500;text-align: center}
input[type="radio"]:checked+label.order-type-radio .plaque-content .inp1-container:after{background-color: var(--dmComplementaryColor)}
.plaque-content input.inp2, .plaque-content-modal input.inp2{width: 56px}
.plaque-content input.inp3, .plaque-content-modal input.inp3{width: 76px}
.plaque-content .separator{width: 1px;height: 35px;display: block;background-color: #98A2B3;margin: 0 4px}

.plaque-content-modal{border: 2px solid #101828;border-radius: 8px;overflow: hidden}
.plaque-content-modal .ir{width:26px;height: 60px;background-color: #143693}
.plaque-content-modal .ir p{font-size: 6px;font-style: normal;font-weight: 500;line-height: 6px;text-align: left;color: #FFFFFF}
.plaque-content-modal .separator{width: 1px;height: 60px;display: block;background-color: #000;margin: 0 4px}
.plaque-content-modal input{color: #101828}
.form-input-car-plaque{margin-right: 12px;width: 80%}
.submit-in-car{color: var(--dmButtonTextColor);background-color: var(--dmButtonBgColor)}
/*#receive-in-car .modal-dialog{width: 370px}*/

.in-car .information .edit-content .title{color: var(--dmButtonBgColor)}
.in-car .information .edit-content .icon{display:block;mask-image: url("../images/edit-address.svg");width: 20px;max-width: 20px;height: 20px;mask-repeat: no-repeat;mask-position: center;mask-size: contain;background-color: var(--dmButtonBgColor)}

.in-person .order-type-radio .header .title:before{content: url("../images/in-person.svg");width: 24px;height: 24px;display: block}
.order-type-radio .map{width: 100%;height: 120px;display: block}
.order-type-radio .map .mapboxgl-ctrl-top-right{display: none}
.order-type-radio .map{pointer-events: none}
.order-type-radio .map .mapboxgl-ctrl-attrib.mapboxgl-compact{display: none}
.order-type-radio .map .pmi-geocoder-credit{display: none}
.order-type-radio .map .mapboxgl-ctrl-bottom-right{display: none}
.order-type-radio .map .magnifier{width: 36px;height: 36px;background: #FFF url("../images/magnifier.svg") no-repeat center center;border: 1px solid #EAECF0;filter: drop-shadow(0px 1px 2px rgba(8, 48, 71, 0.05));border-radius: 8px;z-index: 10;bottom: 11px;right: 15px;pointer-events: auto;}
.order-type-radio .content{display: none;}

.serv-in-salon .order-type-radio .header .title:before{content: url("../images/serv-in-salon.svg");width: 24px;height: 24px;display: block}


.discount-box .discount-form button{max-width: 112px;width: 100%;height: 48px;border: 1px solid var(--dmButtonBorderColor);border-radius: 8px;background: var(--dmComplementaryColor);color: var(--dmButtonBgColor)}
.discount-box .discount-form label:before{content: url("../images/discount.svg");width: 24px;height: 24px;display: block;position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;z-index: 10}
.discount-box .discount-form .text{padding: 10px 42px 10px 10px}
.discount-form label{width: 100%;max-width: 292px}
.discount-box .message .success:before{content: url("../images/success.png");width: 16px;height: 16px;display: block;}
.discount-box .message .success{color: #10A760; display: none!important}
.discount-box .message .failure:before{content: url("../images/failure.png");width: 16px;height: 16px;display: block;}
.discount-box .message .failure{color: #B32318; display: none!important;}


.online-payment .header .title:before{content: url("../images/cart.svg");width: 24px;height: 24px;display: block}
.cod-payment .header .title:before{content: url("../images/money.svg");width: 24px;height: 24px;display: block}

.payment-type .content{width: 100%;background: var(--dmComplementaryColor);border: 1px solid var(--dmButtonBorderColor);}

.switch {position: relative;display: inline-block;width: 44px;height: 24px;}
.switch input {display:none;}
.switch  .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #EAECF0;-webkit-transition: .4s;transition: .4s;}
.switch .slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 2px;bottom: 2px;background-color: white;box-shadow: 0px 1px 3px rgba(8, 48, 71, 0.1), 0px 1px 2px rgba(8, 48, 71, 0.06);-webkit-transition: .4s;transition: .4s;}
.switch input:checked + .slider {background-color: var(--dmButtonBgColor);}
.switch input:focus + .slider {box-shadow: 0 0 1px var(--dmButtonBgColor);}
.switch input:checked + .slider:before {-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
.switch .slider.round {border-radius: 34px;}
.switch .slider.round:before {border-radius: 50%;}

.order-factor-amount-list{border: 1px solid #D0D5DD;border-radius: 8px;padding: 24px}
.order-factor-amount-list > .factor-list > div{padding-right: 8px}
.order-factor-amount-list > .factor-list:before{content: "";width: 1px;height: 100%;background: #101828;display: block;position: absolute;}
.order-factor-amount-list .discount-list:before{background: #0D824B}
.total-order .show-cart-item{width: 24px;height: 24px;background: #FFF url("../images/eyes.svg") no-repeat center center;border: 1px solid #D0D5DD;border-radius: 6px;}

.order-factor > div{width: calc(50% - 16px)}

#shop-address-modal{width: 100%;height: 380px}
#shop-address-modal .mapboxgl-ctrl-attrib.mapboxgl-compact{display: none}
#shop-address-modal .pmi-geocoder-credit{display: none}
#shop-address-modal .mapboxgl-ctrl-top-right{display: none}
#shop-address-modal {pointer-events: none}

#show-products-modal .food-row{height: 370px;overflow-y: auto;}
#show-products-modal .food-item{padding:16px;border-bottom: 1px solid #F2F4F7}

#address-box-modal button.add-address{width: 100%;height: 52px;background: var(--dmButtonBgColor); border: none}
/*#address-box-modal button.add-address > span:before{content: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0013 1.66663C10.5127 1.66663 10.9272 2.08118 10.9272 2.59255V9.07403L17.4087 9.07403C17.9201 9.07403 18.3346 9.48858 18.3346 9.99996C18.3346 10.5113 17.9201 10.9259 17.4087 10.9259L10.9272 10.9259V17.4074C10.9272 17.9187 10.5127 18.3333 10.0013 18.3333C9.48993 18.3333 9.07538 17.9187 9.07538 17.4074V10.9259H2.59389C2.08252 10.9259 1.66797 10.5113 1.66797 9.99996C1.66797 9.48858 2.08252 9.07403 2.59389 9.07403L9.07538 9.07403V2.59255C9.07538 2.08118 9.48993 1.66663 10.0013 1.66663Z' fill='%230D4C54'/%3E%3C/svg%3E%0A");width: 20px;height: 20px;display: block;}*/
#address-box-modal .address-list-container{max-height: 450px;overflow-y: auto;margin-top: 15px;}
#address-box-modal .address-list-container button.edit-address{border: none;mask-image: url("../images/edit-address.svg");width: 24px;max-width: 24px;height: 24px;mask-repeat: no-repeat;mask-position: center;mask-size: contain;background-color: var(--dmButtonBgColor)}
#address-box-modal .address-list-container button.delete-address{border: none;background: transparent url("../images/delete-address.svg") no-repeat center center;width: 24px;max-width: 24px;height: 24px}
#address-box-modal .address-list-container .item{border-bottom: 1px solid #EAECF0;padding: 16px 0;gap: 10px}

#address-box-modal .address-list-container .item label{width: 100%;max-width: 394px}
#address-box-modal .address-list-container .item .address-content{width: 100%;display: table!important;table-layout: fixed}

.order-type-radio .address .edit{color: var(--dmButtonBgColor)}


.discount-item{background:#FF8F00;width:25px;height:18px}

.product-topping-collapse:after{content: "";width: 10px;height: 10px;background: url("../images/collapse.svg") no-repeat center;display: block;}

.topping-list{display: none}

.topping-list .item .price:after{content: "تومان"; font-size: 10px;}

button:disabled{background-color: var(--dmButtonBgColor);opacity:0.5}

button.submit-order, .submit-edit-address > button, .add-address-button > button{background-color: var(--dmButtonBgColor);color: var(--dmButtonTextColor)}

@media(max-width:800px){
    .main-content {width: 100%;padding: 56px 16px 16px 16px;}
    header .internal-header {display: none !important;}
    .button-fixed-payment{display: block!important;}
    .main-content{margin-bottom: 121px}
    .order-factor > div{width: 100%}
    .order-factor-amount-list{padding: 0;border: none}
    #show-products-modal .food-item{width:100%;border: none; border-bottom: 1px solid #F2F4F7; margin: 0;border-radius: 0;padding: 16px 0}
    .submit-order-desktop{display: none}
    .factor-subtitle{margin-top: 24px;font-size: 18px;line-height: 26px}
    .modal-body{padding: 0 16px 16px 16px;}
    .lab-modal-body{width: 100%}
}

.hidden {
    height: 0px;
    -webkit-transition: height 0.5s linear;
    -moz-transition: height 0.5s linear;
    -ms-transition: height 0.5s linear;
    -o-transition: height 0.5s linear;
    transition: height 0.5s linear;
}

.hidden.open {
    height: auto;
    -webkit-transition: height 0.5s linear;
    -moz-transition: height 0.5s linear;
    -ms-transition: height 0.5s linear;
    -o-transition: height 0.5s linear;
    transition: height 0.5s linear;
}