/* Safe Merchant Application Forms - minimal styling; UIkit (YooTheme) does the rest. */
.sms-app-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.sms-app-req { color: #e0413b; }
.sms-app-form .uk-legend { font-weight: 600; border-bottom: 1px solid rgba(0,0,0,.08); padding-bottom: .35em; margin-bottom: .25em; }
.sms-app-form .uk-form-label { font-weight: 500; }
.sms-app-radios .sms-app-radio { display: inline-block; margin: .25em 1.25em .25em 0; cursor: pointer; }
.sms-app-radios .uk-radio { margin-right: .35em; }
.sms-app-help { margin-top: .3em; }
.sms-app-error { min-height: 0; margin-top: .3em; }
.sms-app-error:empty { display: none; }
.sms-app-field.has-error .uk-input,
.sms-app-field.has-error .uk-textarea,
.sms-app-field.has-error .uk-select { border-color: #e0413b; }
.sms-app-file-list { margin-top: .6em; }
.sms-app-file-list:empty { display: none; }
.sms-app-file-list li { display: flex; align-items: center; gap: 1em; }
.sms-app-file-list .sms-app-file-name { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.sms-app-file-list .sms-app-file-size { opacity: .65; white-space: nowrap; }
.sms-app-progress { margin-top: .5em; }
.sms-app-form[aria-busy="true"] .sms-app-submit { opacity: .6; pointer-events: none; }
.sms-app-success { padding: 1.5em; }
/* Phone country-code picker (intl-tel-input): full width like the other inputs, dropdown above UIkit layers. */
.sms-app-form .sms-app-iti { display: block; width: 100%; }
.sms-app-form .sms-app-iti .iti__dropdown-content { z-index: 1010; }
.sms-app-field.has-error .sms-app-iti .uk-input { border-color: #e0413b; }
/* Percentage groups: "MUST TOTAL 100%" note beside the question, running total below. */
.sms-app-total-note { margin-left: .5em; font-size: .8em; font-weight: 700; letter-spacing: .03em; color: #e0413b; white-space: nowrap; }
.sms-app-percent .uk-form-label { font-weight: 400; margin-bottom: .2em; }
.sms-app-percent-total { margin-top: .4em; }
.sms-app-percent-total:empty { display: none; }
.sms-app-field.has-error .sms-app-percent .uk-input { border-color: #e0413b; }
/* File drop zone: files can be added in several goes (picked or dropped); the list below keeps them all. */
.sms-app-dropzone { position: relative; padding: 1.5em 1em; transition: border-color .15s, background-color .15s; }
.sms-app-dropzone.is-dragover { border-color: #1e87f0; background: rgba(30,135,240,.06); }
.sms-app-dropzone .sms-app-browse { text-transform: none; font-size: inherit; vertical-align: baseline; }
.sms-app-file-input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; pointer-events: none; }
.sms-app-file-remove { flex: none; }
.sms-app-file-summary:empty { display: none; }
.sms-app-field.has-error .sms-app-dropzone { border-color: #e0413b; }
/* Other plugins (e.g. Forminator's footer form) load older intl-tel-input CSS that redefines the same --iti-*
   variables on :root, which breaks our arrow and flag sprite. Pin v29's values on our own containers
   (inline picker and the mobile full-screen popup both get .sms-app-iti). The flag sprite URLs are added
   inline by Plugin::register_assets(): url() inside a variable resolves against the stylesheet that uses it. */
.sms-app-iti {
	--iti-hover-color: rgba(0, 0, 0, .05); --iti-border-color: #ccc; --iti-country-selector-bg: white; --iti-icon-color: #555;
	--iti-spacer-horizontal: 10px; --iti-flag-width: 20px; --iti-flag-count: 244; --iti-flag-height: calc(var(--iti-flag-width) * 3 / 4);
	--iti-globe-icon-size: 17px; --iti-clear-icon-size: 15px; --iti-close-icon-size: 20px; --iti-border-width: 1px;
	--iti-arrow-size: 5px; --iti-arrow-width: 1.5px; --iti-arrow-padding: 7px; --iti-mobile-popup-margin: 44px;
	--iti-strict-reject-flash-color: rgba(255, 0, 0, .12);
}