/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*Code TẠM KHÓA ĐẶT HÀNG & BỔ SUNG ĐẶT QUA APPFOOD*/
/*#option-menu li.mn-mobi,.devvn_menuorder_shop .devvn_menuorder_right .devvn_menuorder_box .minicart_box{display:none;}*/

/*Payment icon*/
/* Định dạng từng dòng phương thức thanh toán thành 1 Box */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
    padding:10px 0;
    margin-bottom: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Đẩy nhãn và icon sang hàng ngang */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label {
    display: flex !important;
    align-items: center;
    margin: 0 0 0 10px !important;
    cursor: pointer;
}

/* Style cho Icon thanh toán nằm cạnh Text */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label img.custom-pay-icon,
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label img {
    max-height: 45px;
    width: 45px;
    margin-right: 10px;
    order: -1; /* Đảm bảo hình ảnh luôn đứng trước chữ */
}

/* Định dạng lại ô chọn Radio tròn */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
   /* appearance: none;
    -webkit-appearance: none;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #ccc !important;
    border-radius: 50% !important;
    outline: none;
    margin: 0 !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;*/
	display:none;
}

/* Hiệu ứng khi Cổng thanh toán được CHỌN (Active) */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.payment_method_active, 
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) {
    border-color: #0066cc !important; /* Màu xanh thương hiệu giống mẫu */
    background-color: #f7faff;
}

/* Tạo chấm tròn xanh bên trong nút radio khi được chọn */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]:checked {
    border-color: #0066cc !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]:checked::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #0066cc;
    border-radius: 50%;
    display: block;
}

/* Định dạng phần mô tả chi tiết ẩn/hiện phía dưới tên */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .payment_box {
   /* display: none !important;Ẩn hộp thoại xám mặc định nếu bạn muốn giao diện tối giản gọn gàng như app */
}

.hotline-footer{display:none}
/*@media  (max-width: 767px) {
.hotline-footer{display:inline-block; position:fixed; bottom:0; height:55px; width:100%; z-index:999;        text-shadow: 1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 3px 3px 5px #000000;left:0;}
.hotline-footer .left,.hotline-footer .right,.hotline-footer .middle {width:33.33%;text-align:center; height:100%;align-content: center;}
.hotline-footer .left{float:left; background:#049835;}
.hotline-footer .middle{float:left;background:#ef4d30;}
.hotline-footer .right{float:right;background:#2eccd2;}
.hotline-footer .clearboth{clear:both}
.hotline-footer .right a, .hotline-footer .left a, .hotline-footer .middle a{
font-size: 18px;color:#fff;font-weight: 600;letter-spacing: 0.5px;}

/* Ẩn radio button mặc định */
.woocommerce-checkout #payment ul.payment_methods input[type="radio"] {
    position: absolute;
    opacity: 0;
}

/* Biến mỗi phương thức thành một thẻ (card) */
.woocommerce-checkout #payment ul.payment_methods li {
    position: relative;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 12px;
    background: #fff;
    cursor: pointer;
}

/* Hiệu ứng khi rê chuột hoặc được chọn */
.woocommerce-checkout #payment ul.payment_methods li:hover {
    border-color: #cbd5e1;
}
/* Khi phương thức được chọn */
.woocommerce-checkout-payment img {width:25px;}
.woocommerce-checkout #payment ul.payment_methods li:has(input[type="radio"]:checked) {
    border-color:#0d5538;
    background-color: #e7f2ec;
}

/* Tùy chỉnh phần nhãn (label) và mô tả bên trong */
.woocommerce-checkout #payment ul.payment_methods label {
    cursor: pointer;
    font-size: 16px;
}
.woocommerce-checkout #payment ul.payment_methods .payment_box {
    background: transparent;
    padding: 10px 0 0 0;
    margin-top: 8px;
    border-top: 1px dashed #cbd5e1;
    color: #475569;
    font-size: 14px;
}
/**/
.trkodr {border-radius: 5px;margin: 20px;padding: 10px;box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}
.trkodr .woocommerce-button {width:100%;}
.trkodr .form-row-first {margin:0;}
/**/
.prm_h .menuorder-list-prod,.btd-bx button { 
  border-radius:4px;
  /*background: linear-gradient(to right, red, purple);*/
   background: linear-gradient(to right, red, orange);
  padding: 5px 10px;}
	
.button-85 {
	  cursor: pointer;
  position: relative;
  z-index: 0;
 /*padding: 0.6em 2em;
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  background: linear-gradient(to right, red, orange);
 border-radius: 10px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;*/
}	

.button-85:before {
  content: "";
  background: linear-gradient(
    45deg,
    #ff0000,
    #ff7300,
    #fffb00,
    #48ff00,
    #00ffd5,
    #002bff,
    #7a00ff,
    #ff00c8,
    #ff0000
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing-button-85 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  border-radius: 10px;
}

@keyframes glowing-button-85 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.button-85:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #222;
  left: 0;
  top: 0;
  border-radius: 10px;
}

	
.prm_h .menuorder-list-prod-title:before{border-color: #fff0 #222 #222 #fff0;left: -14px;}
.prm_h .menuorder-list-prod-title:after{border-color: #fff0 #fff0 #222 #222;right: -14px;}

.devvn_menuorder_left.is-affixed .inner-wrapper-sticky .devvn_menuorder_box h2{display:none;}

.iford_txt{color:#222;border-bottom:1px solid #ddd;font-size:16px;margin-bottom:5px;}
.itr {color: #666;font-size: 13px;}
.lnh{line-height:2em;}
.prof,.prmn {font-weight: bold;padding: 2px 8px;border-radius: 6px;}
.prof { color: #1565c0;box-shadow: 0 2px 4px #42a5f533;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);border: 1px solid #42a5f5;}
.prmn {background: linear-gradient(135deg, #fff3e0, #ffe0b2);border: 1px solid #ffb74d;
    color: #d32f2f; font-size: 16px;}

#gift,.chsc {color:var(--menuorder-main-color);}
#gift span {
    display: inline-block;
    animation: wave 2s ease-in-out infinite;
}
#gift:before {
	    background-image: url(data:image/png;base64,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);
	width: 25px;
    height: 25px;
    content: "";
	margin: 0 5px -5px 0;
    background-repeat: no-repeat !important;
    background-size: 25px 30px;
    background-position: center center;
    display: inline-block;}

/*#gift span:nth-child(1) {
    animation-delay: 0s;
}
#gift span:nth-child(2) {
    animation-delay: 0.2s;
}
#gift span:nth-child(3) {
    animation-delay: 0.4s;
}
#gift span:nth-child(4) {
    animation-delay: 0.6s;
}

@keyframes wave {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}*/

@media only screen and (max-width: 767px) {.page-id-2851 .minicart_box a.img_sl img{position:absolute;right:5px;bottom:55px;display:block !important;}}
/*a.img_sl {
        display: block;
        background: #1cb2ed;
        position: fixed;
        right: 35px;
        top: 50%;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        padding: 15px;
        z-index: 9999;
        -webkit-animation: devvn_zoom 1.5s infinite linear;
        -moz-animation: devvn_zoom 1.5s infinite linear;
        -o-animation: devvn_zoom 1.5s infinite linear;
        animation: devvn_zoom 1.5s infinite linear;
        box-shadow: 0 0 0 0 #1cb2ed;
    }*/
 
    a.img_sl img {
        -webkit-animation: calltrap_spin 3s infinite linear;
        -moz-animation: calltrap_spin 3s infinite linear;
        -o-animation: calltrap_spin 3s infinite linear;
        animation: calltrap_spin 3s infinite linear
    }
    /*@-webkit-keyframes devvn_zoom {
        70% {
            box-shadow: 0 0 0 15px transparent
        }
        100% {
            box-shadow: 0 0 0 0 transparent
        }
    }
 
    @keyframes devvn_zoom {
        70% {
            box-shadow: 0 0 0 15px transparent
        }
        100% {
            box-shadow: 0 0 0 0 transparent
        }
    }
 */
    @-webkit-keyframes calltrap_spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        30% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        33% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        36% {
            -webkit-transform: rotate(10deg);
            transform: rotate(10deg)
        }
        39% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        42% {
            -webkit-transform: rotate(10deg);
            transform: rotate(10deg)
        }
        45% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        48% {
            -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
            opacity: 1
        }
        51% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        54% {
            -webkit-transform: rotate(10deg);
            transform: rotate(10deg)
        }
        57% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
    }
 
    @-moz-keyframes calltrap_spin {
        0% {
            -moz-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        30% {
            -moz-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        33% {
            -moz-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        36% {
            -moz-transform: rotate(10deg);
            transform: rotate(10deg)
        }
        39% {
            -moz-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        42% {
            -moz-transform: rotate(10deg);
            transform: rotate(10deg)
        }
        45% {
            -moz-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        48% {
            -moz-transform: rotate(10deg);
            transform: rotate(10deg);
            opacity: 1
        }
        51% {
            -moz-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        54% {
            -moz-transform: rotate(10deg);
            transform: rotate(10deg)
        }
        57% {
            -moz-transform: rotate(0deg);
            transform: rotate(0deg)
        }
    }
 
    @-o-keyframes calltrap_spin {
        0% {
            -o-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        30% {
            -o-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        33% {
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        36% {
            -o-transform: rotate(10deg);
            transform: rotate(10deg)
        }
        39% {
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        42% {
            -o-transform: rotate(10deg);
            transform: rotate(10deg)
        }
        45% {
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        48% {
            -o-transform: rotate(10deg);
            transform: rotate(10deg);
            opacity: 1
        }
        51% {
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        54% {
            -o-transform: rotate(10deg);
            transform: rotate(10deg)
        }
        57% {
            -o-transform: rotate(0deg);
            transform: rotate(0deg)
        }
    }
 
    @keyframes calltrap_spin {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        30% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        33% {
            -webkit-transform: rotate(-10deg);
            -moz-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        36% {
            -webkit-transform: rotate(10deg);
            -moz-transform: rotate(10deg);
            -o-transform: rotate(10deg);
            transform: rotate(10deg)
        }
        39% {
            -webkit-transform: rotate(-10deg);
            -moz-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        42% {
            -webkit-transform: rotate(10deg);
            -moz-transform: rotate(10deg);
            -o-transform: rotate(10deg);
            transform: rotate(10deg)
        }
        45% {
            -webkit-transform: rotate(-10deg);
            -moz-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        48% {
            -webkit-transform: rotate(10deg);
            -moz-transform: rotate(10deg);
            -o-transform: rotate(10deg);
            transform: rotate(10deg);
            opacity: 1
        }
        51% {
            -webkit-transform: rotate(-10deg);
            -moz-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        54% {
            -webkit-transform: rotate(10deg);
            -moz-transform: rotate(10deg);
            -o-transform: rotate(10deg);
            transform: rotate(10deg)
        }
        57% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg)
        }
    }