/* 完全重置选择框样式 */
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {-webkit-appearance: none;-moz-appearance: none;appearance: none;/* 基本样式 */width: 100%;background: #ffffff;border: 1px solid #cccccc;border-radius: 3px;padding: 8px 35px 8px 10px;font-size: 14px;line-height: 1.4;color: #333333;cursor: pointer;/* 自定义下拉箭头 */background-image: linear-gradient(45deg, transparent 50%, #666666 50%),                   linear-gradient(135deg, #666666 50%, transparent 50%);background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%;background-size: 5px 5px, 5px 5px;background-repeat: no-repeat;}
/* 移除IE的默认箭头 */
#billing_country::-ms-expand { display: none;}
/* 悬停状态 */
/* #billing_country:hover {border-color: #999999;} */
/* 焦点状态 */
#billing_country:focus {outline: none;}

/* 处理所有可能的自动填充状态 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{
    -webkit-box-shadow: inset 0 0 0 1000px #071109 !important;
    box-shadow: inset 0 0 0 1000px #071109 !important;
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
    border: 1px solid  #58615A !important;
    caret-color: #fff !important;
    background-color: #071109 !important; /* 添加 !important */
}

input:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
select:-webkit-autofill:hover{
    border: 1px solid #009931 !important;
}


input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    border: 1px solid #00FF51 !important;
}

.woocommerce form .form-row{position: relative;}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select{background: #071109;border: 1px solid #58615A;color: #fff !important;padding: 17px 10px;font-size: var(--fs-14); border-radius: 8px; transition: all 0.2s;}
.woocommerce form label{z-index: 9;font-size: 16px;font-weight: 400;line-height: 150%;color: #76827A;position: absolute;top: 14px;left: 7px;padding: 0 8px;pointer-events: none;transition: all .5s;margin-right: 1px;}
.woocommerce table.shop_table{display: none;}
.woocommerce-checkout #payment ul.payment_methods li{position: relative;display: flex;align-items: center;position: relative;}
/* .woocommerce-checkout #payment ul.payment_methods li::before{background: url("/wp-content/themes/Moneta/images/checkout-payment-buttonNo.svg") center center no-repeat; background-size: cover;width: 24px;height: 24px;position: absolute;top: 50%;left: 27px;transform: translate(-50%, -50%);} */
/* .woocommerce-checkout #payment ul.payment_methods li::after{display: block;content: '';border-radius: 30px;border: 1px solid transparent;background: linear-gradient(180deg, #3A3F3B 10.34%, #2225239c 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;
  position: absolute;top: 0;right: 0;width: 100%;height: 54px;pointer-events: none;transition: all 0.3s;} */
.woocommerce form .form-row.hasFocus label{bottom: 0;left: 7px;top: -9px;font-size: var(--fs-13);transition: all 0.5s;}
.woocommerce form .form-row.hasFocus label:after {position: absolute;width: 100%;height: 1px;content: '';display: block;background: #071109;top: 12px;left: 0;z-index: -1;}
.woocommerce form #billing_country_field.hasFocus label:after {top: 12px;}
.woocommerce h3{font-size: var(--fs-24);line-height: 150%;margin-bottom: 20px;}
.woocommerce .col2-set .col-2{display: none;}
.woocommerce .woocommerce-form-coupon-toggle{display: none;}
.woocommerce .validate-phone{display: none;}
.woocommerce form .form-row input:focus{border: 1px solid #58615A;}
.woocommerce form .form-row .input-text:focus,.woocommerce form .form-row select:focus {border-color: #3a3f3b9e}
.select2-container .select2-dropdown,
.select2-container .select2-selection{background: #071109;    border: 1px solid #58615A;color: #fff;font-size: var(--fs-14);border-radius: 8px;}
.select2-results__option{background: #071109;border: 1px solid #58615A;color: #fff;padding: 17px 10px;font-size: var(--fs-14);}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true]{color: #000;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{width: 100%;}
.woocommerce .info-title1{    font-size: var(--fs-24);line-height: 150%;margin-bottom: 20px;}
.woocommerce .info-title2{margin: 49px 0 20px;font-size: var(--fs-24);line-height: 150%;}
/* .woocommerce form #billing_first_name_field{width: 49%;}
.woocommerce form #billing_last_name_field{width: 49%;}
.woocommerce form #billing_address_1_field{ width: 79%;float: left;clear: none;}
.woocommerce form #billing_postcode_field{width: 18%;float: right;clear: none;}
.woocommerce form #billing_city_field{width: 49%;float: left;clear: none;}
.woocommerce form #billing_state_field{width: 49%;float: right;clear: none;} */
.woocommerce form .form-row-first,
.woocommerce form .form-row-last{width: 49%;}
/* .woocommerce-invalid input,
.woocommerce-invalid select {border-color: #ff0000 !important;} */
.woocommerce-invalid label {color: #ff0000;}

.select2-container .select2-selection--single .select2-selection__rendered{ color: #fff;padding: 17px 10px;line-height: 1.5;     font-size: var(--fs-14);}
.select2-container .select2-selection--single .select2-selection__arrow b{filter: contrast(0.5);}
.cart-box .woocommerce-checkout #payment div.form-row{display: none;}
.cart-box .woocommerce-checkout #payment div.payment_box{padding: 0;background: none;border: none;margin: 0;}
.cart-box .woocommerce-checkout-wrapper .woocommerce-checkout-payment label{position: static;margin-left: 26px; font-weight: 600;}
.cart-box .woocommerce-checkout #payment{background: none;border-radius: unset;}
.cart-box .woocommerce-checkout #payment ul.payment_methods{border: none;padding: 0;}
.woocommerce-checkout #payment ul.payment_methods li.active::before{background: url(/wp-content/themes/Moneta/images/checkout-payment-buttonYes.svg) center center no-repeat;background-size: cover;}
.woocommerce-checkout #payment ul.payment_methods li.active::after{background: linear-gradient(180deg, #FFFFFF 10.34%, #abb3ae9e 100%) border-box;}
/* .cart-box .woocommerce-checkout #payment ul.payment_methods li input{opacity: 0;} */
/* .cart-box .woocommerce-checkout #payment ul.payment_methods li #paymid-channels input{opacity: 1;} */
.woocommerce-checkout #payment ul.payment_methods li.active label{color: #fff;}
.woocommerce .col2-set, .woocommerce-page .col2-set{ margin-bottom: 28px;}
.woocommerce form .form-row.woocommerce-invalid .select2-container:not(.select2-container--open) .select2-selection .select2-selection__rendered{border: none;}


.woocommerce form .form-row .input-text:hover,
.woocommerce form .form-row select:hover{border: 1px solid #009931;}

.woocommerce form .form-row .input-text:focus:hover,
.woocommerce form .form-row select:focus:hover{border: 1px solid #00FF51;}

.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus{border: 1px solid #00FF51;}

.woocommerce form .form-row .select2-container .select2-dropdown:hover,
.woocommerce form .form-row .select2-container .select2-selection:hover{border: 1px solid #009931;}

.woocommerce form .form-row .select2-container .select2-dropdown:focus:hover,
.woocommerce form .form-row .select2-container .select2-selection:focus:hover{border: 1px solid #00FF51;}

.woocommerce .woocommerce-message{color:#fff;font-size: var(--fs-16);font-weight: 400;line-height: 150%;border: none;background: radial-gradient(100% 363.11% at 0% 0%, #033011 0%, #02210B 100%);border-radius: 16px; position: relative;padding: 22px;padding-left: 69px;}
.woocommerce .woocommerce-message::after{content: '';border-radius: 16px;border: 1px solid transparent;background: linear-gradient(131.42deg, rgba(58, 63, 59, 0.7) 18.34%, #030E06 55.04%, rgba(58, 63, 59, 0.7) 97.18%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 100%;}
.woocommerce-message::before{background: url(/wp-content/themes/Moneta/images/coupon-code.svg?v=1) center center no-repeat;background-size: cover;width: 33px;height: 33px;content: "";top: 50%;left: 19px;transform: translateY(-50%);}
/* .woocommerce-checkout #payment ul.payment_methods li.active label{position: relative;top: unset;left: unset;padding: 0; padding-left: 34px;} */


.woocommerce-checkout #paymid-channels{border: none;display: flex;gap: 10px;padding: 0;}
.woocommerce-checkout #paymid-channels label{padding: 15px;border-radius: 30px;position: relative; pointer-events: auto; width: 100%;top: unset;left: unset;}
.woocommerce-checkout #paymid-channels label input{position: relative; opacity: 0;}
.woocommerce-checkout #paymid-channels label::after{display: block;content: '';border-radius: 30px;border: 1px solid transparent;background: linear-gradient(180deg, #3A3F3B 10.34%, #2225239c 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 54px;pointer-events: none;transition: all 0.3s;}
.woocommerce-checkout #paymid-channels label::before{content: '';background: url("/wp-content/themes/Moneta/images/checkout-payment-buttonNo.svg") center center no-repeat; background-size: cover;width: 24px;height: 24px;position: absolute;top: 50%;left: 27px;transform: translate(-50%, -50%);}
.woocommerce-checkout #paymid-channels label.active::before{background: url(/wp-content/themes/Moneta/images/checkout-payment-buttonYes.svg) center center no-repeat;background-size: cover;}
.woocommerce-checkout #paymid-channels label.active::after{border: 1px solid #00FF51; -webkit-mask: none;background: none;}
.cart-box .woocommerce-checkout #payment div.payment_box::before{content: none;}

.woocommerce-error{border: none;border-radius: 12px;overflow: hidden;background: linear-gradient(180deg, #f308312e, #1a1313);color: #fff;}

.woocommerce-checkout #payment ul.payment_methods li .input-radio{display: none;}
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox{font-size: var(--fs-14);font-weight: 400;line-height: 150%;color: #fff;pointer-events: all; position: relative;top: 0;left: 0; cursor: pointer;}
.woocommerce form .form-row .optional{color: #ABB3AE;}
.woocommerce form .form-row .input-checkbox{position: relative;width: 20px; height: 20px;cursor: pointer;}
.woocommerce form .form-row .input-checkbox::before{content: '';width: 20px;height: 20px;border-radius: 4px;border: 1px solid #8A92AB;position: absolute;left: 0;top: 0px;z-index: 99;transition: all .2s linear;box-shadow: 0px 1px 4px 0px #00000026;z-index: 1;background: #021207;}
.woocommerce form .form-row .input-checkbox:checked::before{background: url(/wp-content/themes/Moneta/images/form-checkbox.svg);background-size: 100% 100%;border: none;}
html[lang = "ar-AE" ] .woocommerce-checkout #paymid-channels label{text-align: right;}
html[lang = "ar-AE" ] .woocommerce form label{right: 7px;}
html[lang = "ar-AE" ] .select2-container .select2-selection--single .select2-selection__arrow{left: .5em;}
html[lang = "ar-AE" ] .select2-container .select2-dropdown, html[lang = "ar-AE" ] .select2-container .select2-selection{text-align: end;}
html[lang = "ar-AE" ] .woocommerce-checkout #paymid-channels label input{ margin: 0 !important;}

@media (max-width: 620px){
    .cart-box form .form-row-first,
    .cart-box form .form-row-last{width: 100%;}

    .woocommerce-checkout #paymid-channels{flex-direction: column;}
}