@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}


.food-item{padding:16px;width:calc(50% - 8px);border:1px solid #F2F4F7}
.food-item.disabled:after{content: "";width: 100%;height: 100%;position: absolute;top: 0;right: 0}
.food-item.disabled > a{opacity: 0.5}
.food-item.disabled .food-add-box{/*top:106px;*/height: 32px;}
.food-item-left{width:calc(100% - 86px)}
.brand-min-headerf{display:none}
.food-item-title{width:calc(100% - 60px);overflow:hidden}
.like-box{left:16px;top:18px}
.like-item{border:0;overflow:hidden;background: none;}
.like-item:after{content: "";background: url("data:image/svg+xml,%0A%3Csvg width='' height='' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.57692 2.04763C3.31665 2.04763 1.53846 3.80934 1.53846 5.91671C1.53846 9.31681 3.65353 12.2197 5.90913 14.3349C7.02439 15.3807 8.14283 16.2042 8.98354 16.7664C9.40316 17.047 9.75167 17.2613 9.99344 17.4044C9.99564 17.4057 9.99782 17.407 10 17.4082C10.0022 17.407 10.0044 17.4057 10.0066 17.4044C10.2483 17.2613 10.5968 17.047 11.0165 16.7664C11.8572 16.2042 12.9756 15.3807 14.0909 14.3349C16.3465 12.2197 18.4615 9.31681 18.4615 5.91671C18.4615 3.80934 16.6834 2.04763 14.4231 2.04763C12.7387 2.04763 11.3116 3.03246 10.7028 4.40867C10.5792 4.68792 10.3038 4.86785 10 4.86785C9.69615 4.86785 9.42078 4.68792 9.29723 4.40867C8.68836 3.03246 7.26129 2.04763 5.57692 2.04763ZM10 18.2978C9.63922 18.9812 9.63898 18.981 9.6387 18.9809L9.63587 18.9794L9.62917 18.9758L9.60594 18.9631C9.58615 18.9523 9.55785 18.9367 9.52162 18.9163C9.44915 18.8757 9.34486 18.8161 9.21329 18.7383C8.95026 18.5826 8.57762 18.3534 8.13184 18.0553C7.24179 17.4601 6.05253 16.5851 4.8601 15.4669C2.50032 13.2541 0 9.96644 0 5.91671C0 2.89567 2.52677 0.5 5.57692 0.5C7.37065 0.5 8.97674 1.32446 10 2.61674C11.0233 1.32446 12.6294 0.5 14.4231 0.5C17.4732 0.5 20 2.89567 20 5.91671C20 9.96644 17.4997 13.2541 15.1399 15.4669C13.9475 16.5851 12.7582 17.4601 11.8682 18.0553C11.4224 18.3534 11.0497 18.5826 10.7867 18.7383C10.6551 18.8161 10.5509 18.8757 10.4784 18.9163C10.4421 18.9367 10.4138 18.9523 10.3941 18.9631L10.3708 18.9758L10.3641 18.9794L10.362 18.9805C10.3618 18.9807 10.3608 18.9812 10 18.2978ZM10 18.2978L10.3608 18.9812C10.1352 19.1017 9.8643 19.1014 9.6387 18.9809L10 18.2978Z' fill='%2398A2B3'/%3E%3C/svg%3E%0A") center center no-repeat ;width: 24px;height: 24px;background-size: 20px;}
.like-item.like:after{background: url("data:image/svg+xml,%0A%3Csvg width='' height='' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.63587 18.9795L9.62917 18.9759L9.60594 18.9633C9.58615 18.9524 9.55785 18.9368 9.52162 18.9165C9.44915 18.8758 9.34486 18.8163 9.21329 18.7384C8.95026 18.5827 8.57762 18.3535 8.13184 18.0554C7.24179 17.4602 6.05253 16.5853 4.8601 15.4671C2.50032 13.2542 0 9.96652 0 5.91675C0 2.89569 2.52677 0.5 5.57692 0.5C7.37065 0.5 8.97674 1.32447 10 2.61676C11.0233 1.32447 12.6294 0.5 14.4231 0.5C17.4732 0.5 20 2.89569 20 5.91675C20 9.96652 17.4997 13.2542 15.1399 15.4671C13.9475 16.5853 12.7582 17.4602 11.8682 18.0554C11.4224 18.3535 11.0497 18.5827 10.7867 18.7384C10.6551 18.8163 10.5509 18.8758 10.4784 18.9165C10.4421 18.9368 10.4138 18.9524 10.3941 18.9633L10.3708 18.9759L10.3641 18.9795L10.3613 18.981C10.1357 19.1016 9.8643 19.1016 9.6387 18.981L9.63587 18.9795Z' fill='%23E50F61'/%3E%3C/svg%3E%0A") center center no-repeat;background-size: 20px;}
.like-item.like{color:#E50F61}
.food-add-btn{display:flex;width:95px;height:36px;background:var(--dmComplementaryColor);border:1px solid var(--dmButtonBorderColor);filter: drop-shadow(0px 1px 2px rgba(8, 48, 71, 0.05));user-select: none;color: var(--dmButtonBgColor)}
.food-add-btn .icon {width: 20px;height: 20px;display: block;mask-repeat: no-repeat;mask-position: center;mask-size: contain;mask-image: url(../images/food-plus.svg);background-color: var(--dmButtonBgColor);}
.food-add-btn-modal{width: 111px}
.food-add-box{left:16px;bottom:22px}
.food-item-summary{min-height: 18px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.number-input{display:none;width:111px;margin:0 auto;height:36px}
.plus-input{box-shadow:0px 1px 2px rgba(8, 48, 71, 0.05);outline:none;width:36px;height:36px;-webkit-appearance:none;background:#13727D;border:1px solid #13727D;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;margin:0}
.negative-input{box-shadow:0px 1px 2px rgba(8, 48, 71, 0.05);outline:none;width:36px;height:36px;-webkit-appearance:none;background-color:#fff;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;margin:0;border:1px solid #D0D5DD}
.number-input button:before,.number-input button:after{display: inline-block;position:absolute;border-radius:1px;content:'';width:20px;height:2px;transform:translate(-50%, -50%);left:17px;transition:400ms}
.plus-input:before,.plus-input:after{background:#fff}
.negative-input:before,.negative-input:after{background:#344054}
.negative-input[disabled]:before{background:#0F172A}
.plus-input[disabled]{border-color:#A8DDE3;background:#A8DDE3}
.number-input button.plus-input:after{transform:translate(-50%, -50%) rotate(90deg)}
.number-input input[type=number]{font-family: sans-serif;max-width:32px;height:100%;border:0;text-align:center}
.number-input input[type=number]::-webkit-inner-spin-button,.number-input input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;margin:0}
.number-input input[type=number]{-moz-appearance:textfield}
.price-row{height:48px}
.discount-item{background:#FF8F00;width:25px;height:18px}
.initial-price:before{content:"";width:100%;height:1px;right:0;top:50%;transform:translate(0,-50%);background:#98A2B3;position:absolute}
label.custom-radio-button input[type="radio"] {display: none;}

label.custom-radio-button .holder, label.custom-checkbox .holder{display: flex;align-items: center;gap: 8px;}

label.custom-radio-button input[type="radio"] ~ .holder .helping-el {background-color: #FFFFFF;border: 0.09rem solid #D0D5DD;border-radius: 50%;display: inline-block;padding: 9px;position: relative;}

label.custom-radio-button input[type="radio"]:checked ~ .holder .helping-el {border: 0.09rem solid #22959C;}

label.custom-radio-button input[type="radio"]:checked ~ .holder .helping-el:after {background-color: #22959C;border-radius: 50%;content: " ";font-size: 32px;height: 10px;position: absolute;width: 10px;top: 0;bottom: 0;margin: auto;left: 0;right: 0;}

.more-number-button{width: 36px;height: 36px;border-radius: 8px;border: none;display: flex;align-items: center;justify-content: center;font-size: 25px;}

.more-number-input{width: 35px;text-align: center;border: none;background: none;}

.more-number-button:disabled{background: #A8DDE3;}
.button-minus-number:disabled{background: #fff;opacity: 0.5;}

.food-add-box .label-food{padding: 2px 8px;background: #F2F4F7;border-radius: 200px;line-height: 18px;}

.food-add-box-holder, .topping-add-box-holder{width: 111px;display: none;}

.food-add-box-holder{left: 16px;bottom: 22px}

.button-plus-number{background: var(--dmButtonBgColor);}

.button-plus-number .icon{width: 24px;height: 24px;display: block;mask-repeat: no-repeat;mask-position: center;mask-size: contain;mask-image: url(../images/food-plus.svg);background-color: var(--dmButtonTextColor);}

.button-minus-number{border: 1px solid #D0D5DD;background: #fff;}

.food-add-box .label{padding: 2px 8px;background: #F2F4F7;border-radius: 200px;line-height: 18px;}

.food-row .empty{margin-top: 88px}

.single-profile-header .clear-cart .clear-cart-button{width: 24px;height: 24px;background: url(../images/recycelbin-b.svg) no-repeat center;border: none;position: absolute;left: 16px;top: 0;bottom: 0;margin: auto}
.toolbar .clear-cart-button{background: transparent}
.toolbar .clear-cart-button:after{content: "";width: 20px;height: 20px;background: url(../images/recycelbin-b.svg) no-repeat center;}

.suggestion-item{height: 86px}
.suggestion-item .item{width: 242px;height: 86px;border: 1px solid #D0D5DD;border-radius: 6px;padding: 12px}
.suggestion-item .item .thumbnail{width: 62px;height: 62px;}

.order-desc-form .field{width: 100%;height: 128px;border: 1px solid #D0D5DD;box-shadow: 0px 1px 2px rgba(8, 48, 71, 0.05);border-radius: 8px;padding: 10px 14px;resize: none}

.factor ul{list-style: none}
.factor ul>li{padding-right: 8px}
.factor ul>li:before{content: "";width: 1px;height: 22px;background: #101828;display: block;position: absolute;right: 0;height: 100%}
.factor .products:before{background: #101828}
.factor .discount:before{background: #0D824B}

/*.button-fixed-payment{width: 100%;padding: 18px 0;position: fixed;bottom: 0;right: 0;border-top: 1px solid #EAECF0;box-shadow: 0px -4px 8px -2px rgba(8, 48, 71, 0.1), 0px -2px 4px -2px rgba(8, 48, 71, 0.06);background: #fff;z-index: 1}*/
/*.button-fixed-payment .content{max-width: 800px;width: 100%;}*/
/*.button-fixed-payment button{width: 156px}*/

.main-content{padding-bottom: 137px}

.person-button-submit{width: 114px;margin: 60px auto 0;}

/*.topping-list .item:nth-child(even):before{content: "، ";display: inline-block;margin-left: 3px;}*/

.type-product .food-item{padding: 0; border: none;width: 100%}

.modal-additive-option .items{height: 265px; overflow-y: auto}

.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.createOrder{background-color: var(--dmButtonBgColor);color: var(--dmButtonTextColor)}

.login-container button.register{background-color: var(--dmButtonBgColor);color: var(--dmButtonTextColor)}
.login-container .login > a{color: var(--dmButtonBgColor)}

@media(max-width:600px){
    .main-content {width: 100%;padding: 56px 16px 16px 16px;}
}

@media(max-width:768px){

}


@media(max-width: 800px){
    header .internal-header {
        display: none !important;
    }
    .main-content .main,.single-item-rtl{width:100%}
    .food-item{width:100%;border: none; border-bottom: 1px solid #F2F4F7; margin: 0;border-radius: 0;padding: 16px 0}
    .food-add-box,.food-add-box-holder{left: 0}
    .main-content .main,.single-item-rtl{width:100%}
    .modal-body{padding: 16px}

    .button-fixed-payment{max-width: 800px;width: 100%;padding: 12px 16px 16px 16px;}
    .main-content{padding-bottom: 121px}
    .person-button-submit{width: 100%;margin: 64px auto 0;}
}