/* Autofill uses each component's existing palette; ordinary fields are unchanged.
 * Keep the background transparent outside the text so translucent input fills
 * still blend with their own parent, rather than with the browser's blue fill.
 * No values, autocomplete attributes, password types or form handlers are changed.
 */
:where(body:not(.wp-admin) :is(input, textarea, select)) {
  --mrc-autofill-bg: var(--wd-form-bg, transparent);
  --mrc-autofill-text: var(--wd-form-color, inherit);
  --mrc-autofill-ring: 0 0 0 0 transparent;
}

/* General support, invoice and business/contact forms. */
.mrc-field :is(input, textarea, select),
.mrc-cf7-field :is(input, textarea, select),
.wd-registration-page .input-text,
.login-form-side .input-text {
  --mrc-autofill-bg: rgba(255,255,255,.05);
  --mrc-autofill-text: #fff;
}
.mrc-field :is(input, textarea, select):focus,
.mrc-cf7-field :is(input, textarea, select):focus,
.wd-registration-page .input-text:focus,
.login-form-side .input-text:focus { --mrc-autofill-bg: rgba(118,242,41,.05); }
.mrc-inv .mrc-form-grid :is(input, select) { --mrc-autofill-bg:#11151a; --mrc-autofill-text:var(--mrc-text); }
:is(.mrc-inv, #mrc-account .mrc-inv) .mrc-period-form :is(input, select) { --mrc-autofill-bg:var(--av-inset, #11151a); --mrc-autofill-text:var(--mrc-text); }
.contact-form-wrapper .wpcf7-form :is(input, textarea) { --mrc-autofill-bg:rgba(0,0,0,.3); --mrc-autofill-text:var(--text-primary); }
.mrc-cf7-field :is(input, textarea, select) { --mrc-autofill-bg:rgba(255,255,255,.05)!important; --mrc-autofill-text:#fff!important; }
.mrc-cf7-field :is(input, textarea, select):focus { --mrc-autofill-bg:rgba(118,242,41,.05)!important; }

/* Account pages: login/registration, profile, billing, filters and tickets. */
body.mrc-account-v1 #mrc-account :is(input, textarea, select) { --mrc-autofill-bg:var(--av-inset); --mrc-autofill-text:var(--av-text); }
#mrc-account .field :is(input, textarea, select) { --mrc-autofill-bg:#101b2b; --mrc-autofill-text:#f4f6fa; }
#mrc-account .form-row :is(input, textarea, select),
#mrc-account .mrc-field :is(input, textarea, select),
#mrc-account .mrc-inv :is(input, textarea, select),
#mrc-account .mrc-filter-group :is(input, select) { --mrc-autofill-bg:#101e30; --mrc-autofill-text:var(--text); }
#mrc-account .mrcasm-billing-form .form-row :is(input, select) { --mrc-autofill-bg:#101b2b; }
#mrc-account .mrc-support .mrc-field :is(input, textarea, select),
#mrc-account .mrc-inv .mrc-form-grid :is(input, select) { --mrc-autofill-bg:#101e30; --mrc-autofill-text:var(--text); }
#mrc-account .search input { --mrc-autofill-bg:transparent; --mrc-autofill-text:var(--text); }
#mrc-account .wallet-amount-input input { --mrc-autofill-bg:#12272a; --mrc-autofill-text:var(--text); }
#mrc-account .field :is(input, textarea, select):focus,
#mrc-account .mrcasm-account-form .form-row input:focus,
#mrc-account .mrc-support .mrc-field :is(input, textarea, select):focus { --mrc-autofill-ring:0 0 0 1px #9fe36c; }
#mrc-account .wallet-amount-input input:focus { --mrc-autofill-ring:0 0 0 1px var(--selected); }

/* Desktop and mobile account drawers retain their own backgrounds. */
@media(min-width:900px) {
  body.mrc-desktop-v4 .mdh-native-account :is(input[type=text],input[type=email],input[type=password]),
  #mrc-desktop-header .auth-form input { --mrc-autofill-bg:#122030; --mrc-autofill-text:#e8f1f7; }
}
@media(max-width:899.98px) {
  #mrc-panels-c .login-form-side input,
  body .mcp-account-sheet form :is(input[type=text],input[type=email],input[type=password]) { --mrc-autofill-bg:#ffffff03; --mrc-autofill-text:#ffffffe0; }
}
body .login-form-side.mrcasm-auth-sidebar form :is(input[type=text],input[type=email],input[type=password]) { --mrc-autofill-bg:#101e30!important; --mrc-autofill-text:var(--text)!important; }
#mcp-query { --mrc-autofill-bg:transparent; --mrc-autofill-text:#ffffffe0; }
#mrc-desktop-header .search-field input { --mrc-autofill-bg:transparent; --mrc-autofill-text:var(--text); }
@media(min-width:900px) {
  #mrc-desktop-header #mdh-search-input { --mrc-autofill-bg:var(--wd-form-bg, transparent); --mrc-autofill-text:var(--wd-form-color, #fff); }
}
.wd-search-full-screen input { --mrc-autofill-bg:transparent; --mrc-autofill-text:var(--wd-form-color, #fff); }

/* Checkout/payment fields, including later-inserted required billing fields. */
#mrc-checkout :is(input.input-text, textarea, select) { --mrc-autofill-bg:var(--input); --mrc-autofill-text:var(--text); }
.mrcoda-required-billing__grid :is(input.input-text, select),
.mrcoda-billing-content .form-row :is(input.input-text, select) { --mrc-autofill-bg:rgba(20,25,38,.88)!important; --mrc-autofill-text:#fff!important; }
.mrcoda-required-billing__grid :is(input.input-text, select):focus,
.mrcoda-billing-content .form-row :is(input.input-text, select):focus { --mrc-autofill-ring:0 0 0 2px rgba(118,242,41,.1); }
.mrcoda-required-billing__grid :is(.mrcoda-required-billing__field--invalid,.woocommerce-invalid,.woocommerce-invalid-required-field) :is(input, select) { --mrc-autofill-ring:0 0 0 1px rgba(255,47,79,.18); }
.mrcoda-required-billing__grid :is(.mrcoda-required-billing__field--invalid,.woocommerce-invalid,.woocommerce-invalid-required-field) :is(input, select):focus { --mrc-autofill-ring:0 0 0 2px rgba(255,47,79,.18); }
#mrc-checkout.mrc-mobile-focus :is(input,select,textarea).mrc-focus-required-empty { --mrc-autofill-ring:0 0 0 1px #ff6b8130; }
#mrc-order-pay .payment_box :is(input.input-text, select) { --mrc-autofill-bg:#0f1d2e; --mrc-autofill-text:var(--pay-text); }
#mrc-order-pay .mrcoda-required-billing__grid :is(input.input-text, select) { --mrc-autofill-bg:#0f1d2e!important; --mrc-autofill-text:var(--pay-text)!important; }
#mrc-account :is(.mrcasm-billing-form,.mrcasm-account-form,.mrc-inv) :is(.form-row,.mrc-form-grid) input[data-mrcoda-kyc-locked][readonly],
#mrc-checkout .form-row:not(.woocommerce-invalid) input[data-mrcoda-kyc-locked][readonly]:not([aria-invalid=true]) { --mrc-autofill-bg:#172637; --mrc-autofill-text:#dbe6f1; --mrc-autofill-ring:0 0 0 0 transparent; }

/* Product details/reviews, API settings, news, shared links and address search. */
.mfp .mrcoda-topup-field :is(input, textarea, select),
.mfp #mfp-quantity { --mrc-autofill-bg:#101b2b; --mrc-autofill-text:#f4f6fa; }
.mfp #mfp-reviews .comment-form :is(input, textarea, select) { --mrc-autofill-bg:#131f30; --mrc-autofill-text:#edf3fa; }
.mfp #mfp-reviews .comment-form .mfp-review-composer textarea { --mrc-autofill-bg:transparent; }
:is(#mrc-account,.mrcoda-api-preview) .mrcoda-api-account :is(input, textarea) { --mrc-autofill-bg:#101c2b; --mrc-autofill-text:var(--api-text); }
:is(#mrc-account,.mrcoda-api-preview) .mrcoda-api-account input[readonly] { --mrc-autofill-bg:#142131; --mrc-autofill-text:#c4d2e2; }
#mrcnews :is(.mrcarticle-comments,.post-password-form) :is(input, textarea) { --mrc-autofill-bg:#152434; --mrc-autofill-text:var(--news-text); }
#mrcnews .mrcnews-search input { --mrc-autofill-bg:transparent; --mrc-autofill-text:var(--news-text); }
#mrc404 .mrc404-search input { --mrc-autofill-bg:transparent; --mrc-autofill-text:var(--mrc404-text); }
.mrc-share-link input, #mrc-account .mrc-share-link input { --mrc-autofill-bg:#101c2c; --mrc-autofill-text:#d7e2ee; }
.select2-container--default .select2-search--dropdown .select2-search__field { --mrc-autofill-bg:var(--bgcolor-white); --mrc-autofill-text:#767676; }
body.mrc-address-selects .mrc-address-dropdown .select2-search__field { --mrc-autofill-bg:var(--mrc-select-input); --mrc-autofill-text:var(--mrc-select-text); }
.mubg .mubg-fee-field input { --mrc-autofill-bg:#1b2b3c; --mrc-autofill-text:#fff; }
#mrc-order-received .mrcoda-usdt-address-copy input,
#mrc-cart .product-purchase .quantity input.qty { --mrc-autofill-bg:transparent; }

/* Let OS high-contrast mode control its own colors. No transition-delay hacks. */
@media(forced-colors:none) {
  html body:not(.wp-admin) :is(input, textarea, select):is(:autofill, :-webkit-autofill),
  html body:not(.wp-admin) :is(#mrc-account,#mrc-checkout,#mrc-order-pay,#mrc-order-received,#mrc-desktop-header,#mrc-panels-c,#mrcnews,#mrc404,.mfp,.mrc-cf7-field,.contact-form-wrapper,.login-form-side,.wd-registration-page,.mrcoda-required-billing__grid,.mrcoda-billing-content) :is(input, textarea, select):is(:autofill, :-webkit-autofill) {
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-box-shadow:inset 0 0 0 1000px var(--mrc-autofill-bg), var(--mrc-autofill-ring)!important;
    box-shadow:inset 0 0 0 1000px var(--mrc-autofill-bg), var(--mrc-autofill-ring)!important;
    -webkit-text-fill-color:var(--mrc-autofill-text)!important;
    caret-color:var(--mrc-autofill-text)!important;
  }
}