/* ==========================================================================
   Floor Detective — Registration Page v3.6 (Reference-Matched Design)
   Matches: Inspector + Flooring Consultant reference screenshots exactly
   ========================================================================== */

/* ── Page Background ──────────────────────────────────────────────────── */
body.page-id-894,
body.um-page-register {
    background: #edf2f7 !important;
}

body.page-id-894 .page_content_wrap,
body.um-page-register .page_content_wrap {
    background: #edf2f7 !important;
    padding-top: 20px !important;
    padding-bottom: 60px !important;
}

body.page-id-894 .archive-meta,
body.page-id-894 article p,
body.um-page-register .archive-meta {
    padding-bottom: 0 !important;
}

body.page-id-894 .post-header .post_title,
body.page-id-894 .page_content_wrap .entry-title,
body.um-page-register .post-header .post_title {
    display: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   MAIN CARD WRAPPER
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-modern-wrap {
    width: 100% !important;
    max-width: 860px !important;
    margin: 0px auto 60px !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    padding: 40px 48px 36px !important;
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    position: relative !important;
}

/* Force UM Form to 100% width inside our card */
.fd-register-modern-wrap .um.um-888,
.fd-register-modern-wrap .um-888.um,
.fd-register-modern-wrap div[class*="um-"].um,
.um-888.um,
div.um-888.um {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   HEADER
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-header {
    margin-bottom: 28px !important;
    text-align: center !important;
}

.fd-register-header h2 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.3px !important;
    text-transform: none !important;
    font-style: normal !important;
    font-family: inherit !important;
}

.fd-register-header h2 span {
    color: #10a6ec !important;
    font-style: normal !important;
}

/* Two-color accent line */
.fd-register-header .fd-header-line {
    display: block !important;
    width: 48px !important;
    height: 3.5px !important;
    margin: 8px auto 12px !important;
    border-radius: 2px !important;
    background: linear-gradient(90deg, #004b87 50%, #10a6ec 50%) !important;
}

.fd-register-header p {
    font-size: 14px !important;
    color: #64748b !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   ROWS & COLUMNS (Generous Spacing between rows)
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-modern-wrap .um-form {
    width: 100% !important;
}

.fd-register-modern-wrap .um-form form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fd-register-modern-wrap .um-row {
    display: flow-root !important;
    width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    clear: both !important;
}

.fd-register-modern-wrap .um-row[style*="display: none"],
.fd-register-modern-wrap .um-row[style*="display:none"] {
    display: none !important;
}

.fd-register-modern-wrap .um-row::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

.fd-register-modern-wrap .um-col-1 {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.fd-register-modern-wrap .um-col-121 {
    width: calc(50% - 12px) !important;
    float: left !important;
    margin-right: 12px !important;
    margin-left: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.fd-register-modern-wrap .um-col-122 {
    width: calc(50% - 12px) !important;
    float: right !important;
    margin-left: 12px !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.fd-register-modern-wrap .um-clear {
    clear: both !important;
    display: block !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   FIELD LABELS & CONTAINERS
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-modern-wrap .um-field {
    width: 100% !important;
    padding-bottom: 0 !important;
    margin: 0 0 0 0 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.fd-register-modern-wrap .um-field-label,
.um .um-field-label {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-bottom: 6px !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.fd-register-modern-wrap .um-field-label label,
.um .um-field-label label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    text-transform: none !important;
}

.fd-register-modern-wrap .um-field-label span.um-req,
.um .um-field-label span.um-req {
    color: #ef4444 !important;
    margin-left: 2px !important;
    font-weight: 700 !important;
}

.fd-register-modern-wrap .um-field-label .um-tip,
.um .um-field-label .um-tip,
.fd-register-modern-wrap .um-field-label .um-field-tooltip,
.um .um-field-label .um-field-tooltip,
.fd-register-modern-wrap .um-field-label a.um-tip,
.um .um-field-label a.um-tip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    float: none !important;
    margin: 0 0 0 2px !important;
}

.fd-register-modern-wrap .um-field-label .um-tip i,
.um .um-field-label .um-tip i,
.fd-register-modern-wrap .um-field-label i.um-icon-help-circled,
.um .um-field-label i.um-icon-help-circled {
    float: none !important;
    vertical-align: middle !important;
    display: inline-block !important;
}

.fd-register-modern-wrap .um-field-label .um-clear,
.um .um-field-label .um-clear {
    display: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   INPUT FIELDS WITH NO OVERLAP (Bulletproof padding-left)
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-modern-wrap .um-field-area {
    position: relative !important;
    width: 100% !important;
}

.fd-register-modern-wrap .um input[type="text"],
.fd-register-modern-wrap .um input[type="password"],
.fd-register-modern-wrap .um input[type="email"],
.fd-register-modern-wrap .um input[type="tel"],
.fd-register-modern-wrap .um input[type="number"],
.fd-register-modern-wrap .um input[type="url"],
.fd-register-modern-wrap .um input.um-form-field,
.fd-register-modern-wrap input.um-form-field,
.fd-register-modern-wrap input[type="text"],
.fd-register-modern-wrap input[type="password"],
.fd-register-modern-wrap input[type="email"],
.fd-register-modern-wrap input[type="tel"] {
    width: 100% !important;
    height: 46px !important;
    line-height: 44px !important;
    background: #ffffff !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #1e293b !important;
    padding-left: 56px !important;
    padding-right: 14px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    font-family: inherit !important;
}

.fd-register-modern-wrap .um input:focus,
.fd-register-modern-wrap input.um-form-field:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

.fd-register-modern-wrap input.um-form-field::placeholder,
.fd-register-modern-wrap input::placeholder {
    color: #94a3b8 !important;
    font-size: 14px !important;
    opacity: 1 !important;
}

.fd-register-modern-wrap input.um-form-field:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px #ffffff inset !important;
    -webkit-text-fill-color: #1e293b !important;
}

/* Hide UM raw default icons */
.fd-register-modern-wrap .um-field-icon {
    display: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   PREFIX ICON PILL BOX (Matching Reference Screenshot 2 Exactly)
   Icon sits inside a rounded light-blue box on the left with zero overlap
   ══════════════════════════════════════════════════════════════════════════ */
/* Universal rule: Base Icon Pill Container (Geometry & Background) */
.fd-register-modern-wrap .um-field:not(.um-field-type_checkbox):not(.um-field-checkbox):not(.um-field-type_radio):not(.um-field-type_file):not([data-key*="disclaimer"]):not([data-key="private_address"]):not([data-key="trusted_dealer_coc"]) .um-field-area::before,
.fd-register-modern-wrap .um-field-type_text .um-field-area::before,
.fd-register-modern-wrap .um-field-type_password .um-field-area::before,
.fd-register-modern-wrap .um-field-type_select .um-field-area::before,
.fd-register-modern-wrap .um-field-type_multiselect .um-field-area::before,
.fd-register-modern-wrap .um-field-type_tel .um-field-area::before,
.fd-register-modern-wrap .um-field-type_textarea .um-field-area::before {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 4px !important;
    width: 38px !important;
    height: 38px !important;
    background-color: #f0f7ff !important;
    border-radius: 6px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    z-index: 5 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    display: block !important;
    /* Default icon: edit pen (NO !important so specific field icons below ALWAYS win) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");
}

/* Suppress icon on checkboxes, radios, terms, file uploads */
.fd-register-modern-wrap .um-field-type_checkbox .um-field-area::before,
.fd-register-modern-wrap .um-field-checkbox .um-field-area::before,
.fd-register-modern-wrap .um-field-type_radio .um-field-area::before,
.fd-register-modern-wrap .um-field-type_file .um-field-area::before,
.fd-register-modern-wrap .um-field-file .um-field-area::before,
.fd-register-modern-wrap .um-field-trusted_dealer_coc .um-field-area::before,
.fd-register-modern-wrap [data-key*="disclaimer"] .um-field-area::before,
.fd-register-modern-wrap [class*="disclaimer"] .um-field-area::before,
.fd-register-modern-wrap [class*="terms"] .um-field-area::before,
.fd-register-modern-wrap [data-key="private_address"] .um-field-area::before,
.fd-register-modern-wrap [data-key="is_address_private"] .um-field-area::before,
.fd-register-modern-wrap .um-field-private_address .um-field-area::before {
    display: none !important;
    content: none !important;
}

/* ── 1. Account Type (2 Users) ── */
.fd-register-modern-wrap [data-key="role"] .um-field-area::before,
.fd-register-modern-wrap [data-key="role_select"] .um-field-area::before,
.fd-register-modern-wrap [data-key*="account_type"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-role"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 2. Name (Person / User) ── */
.fd-register-modern-wrap [data-key="first_name"] .um-field-area::before,
.fd-register-modern-wrap [data-key="last_name"] .um-field-area::before,
.fd-register-modern-wrap [data-key="full_name"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-first_name"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 3. E-mail (Envelope / Mail) ── */
.fd-register-modern-wrap [data-key="user_email"] .um-field-area::before,
.fd-register-modern-wrap [data-key="email"] .um-field-area::before,
.fd-register-modern-wrap [data-key="email_address"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-user_email"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 4. Password (Lock) ── */
.fd-register-modern-wrap [data-key="user_password"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-user_password"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 5. Phone & Company Phone (Phone Receiver) ── */
.fd-register-modern-wrap [data-key*="phone"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-phone"] .um-field-area::before,
.fd-register-modern-wrap [class*="phone_number"] .um-field-area::before,
.fd-register-modern-wrap [data-key*="mobile"] .um-field-area::before,
.fd-register-modern-wrap [class*="mobile"] .um-field-area::before,
.fd-register-modern-wrap [data-key*="tel"] .um-field-area::before,
.fd-register-modern-wrap [class*="tel"] .um-field-area::before,
.fd-register-modern-wrap [data-key="phone_number_10"] .um-field-area::before,
.fd-register-modern-wrap [class*="phone_number_10"] .um-field-area::before,
.fd-register-modern-wrap [data-key*="company_phone"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.58 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 6. Organization Name / Company (Corporate Building) ── */
.fd-register-modern-wrap [data-key="company_name"] .um-field-area::before,
.fd-register-modern-wrap [class*="company_name"] .um-field-area::before,
.fd-register-modern-wrap [data-key="organization_name"] .um-field-area::before,
.fd-register-modern-wrap [data-key="company"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-organization"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-company"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' ry='2'/%3E%3Cpath d='M9 22v-4h6v4'/%3E%3Cpath d='M8 6h.01'/%3E%3Cpath d='M16 6h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 7. Street / Address (Location Pin) ── */
.fd-register-modern-wrap [data-key="map"] .um-field-area::before,
.fd-register-modern-wrap [data-key="address"] .um-field-area::before,
.fd-register-modern-wrap [data-key="street"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-map"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-address"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-street"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 7a. City (City Skyline Buildings) ── */
.fd-register-modern-wrap [data-key="city"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-city"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V7l8-4v18'/%3E%3Cpath d='M19 21V11l-6-4'/%3E%3Cpath d='M9 9h1'/%3E%3Cpath d='M9 13h1'/%3E%3Cpath d='M9 17h1'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 7b. State / Province (Compass / Region Map) ── */
.fd-register-modern-wrap [data-key="state"] .um-field-area::before,
.fd-register-modern-wrap [data-key="states"] .um-field-area::before,
.fd-register-modern-wrap [data-key*="state"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-state"] .um-field-area::before,
.fd-register-modern-wrap [data-key*="province"] .um-field-area::before,
.fd-register-modern-wrap [class*="province"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21'/%3E%3Cline x1='9' y1='3' x2='9' y2='18'/%3E%3Cline x1='15' y1='6' x2='15' y2='21'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 7c. Zip / Postal Code (Mailbox / Hash Grid) ── */
.fd-register-modern-wrap [data-key="zipcode"] .um-field-area::before,
.fd-register-modern-wrap [data-key="zip_code"] .um-field-area::before,
.fd-register-modern-wrap [data-key*="zip"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-zip"] .um-field-area::before,
.fd-register-modern-wrap [data-key*="postal"] .um-field-area::before,
.fd-register-modern-wrap [class*="postal"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='9' x2='20' y2='9'/%3E%3Cline x1='4' y1='15' x2='20' y2='15'/%3E%3Cline x1='10' y1='3' x2='8' y2='21'/%3E%3Cline x1='16' y1='3' x2='14' y2='21'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 8. Consultant Specialties (Layers / Stack) ── */
.fd-register-modern-wrap [data-key*="specialt"] .um-field-area::before,
.fd-register-modern-wrap [class*="specialt"] .um-field-area::before,
.fd-register-modern-wrap [data-key*="consultant_specialties"] .um-field-area::before,
.fd-register-modern-wrap [class*="consultant_specialties"] .um-field-area::before,
.fd-register-modern-wrap [data-key*="expertise"] .um-field-area::before,
.fd-register-modern-wrap [class*="expertise"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 9. Years in Industry (Calendar) ── */
.fd-register-modern-wrap [data-key="years_in_industry"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-years_in"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 10. Contractor Licenses (License Doc) ── */
.fd-register-modern-wrap [data-key="contractor_licenses"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-contractor"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 11. Website URL (Chain Link) ── */
.fd-register-modern-wrap [data-key="website_url"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-website"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 12. Current Certifications (Ribbon Award) ── */
.fd-register-modern-wrap [data-key="current_certifications"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-current_certifications"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpolyline points='8.21 13.89 7 23 12 20 17 23 15.79 13.88'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 13. Employment History (Briefcase) ── */
.fd-register-modern-wrap [data-key="employment_history"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-employment_history"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2' ry='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 14. Professional Affiliations (Users) ── */
.fd-register-modern-wrap [data-key="professional_affiliations"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-professional_affiliations"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 15. Previous Certifications (Ribbon Award) ── */
.fd-register-modern-wrap [data-key="previous_certifications"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-previous_certifications"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpolyline points='8.21 13.89 7 23 12 20 17 23 15.79 13.88'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 16. Publications Experience (Document) ── */
.fd-register-modern-wrap [data-key="publications_experience"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-publications_experience"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 17. Industry Training (Graduation Cap) ── */
.fd-register-modern-wrap [data-key="industry_training"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-industry_training"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10v6M2 10l10-5 10 5-10 5z'/%3E%3Cpath d='M6 12v5c3 3 9 3 12 0v-5'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 18. Teaching Experience (Open Book) ── */
.fd-register-modern-wrap [data-key="teaching_experience"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-teaching_experience"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 19. Professional Bio (ID Card) ── */
.fd-register-modern-wrap [data-key="consultant_bio"] .um-field-area::before,
.fd-register-modern-wrap [class*="um-field-consultant_bio"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cline x1='15' y1='8' x2='17' y2='8'/%3E%3Cline x1='15' y1='12' x2='17' y2='12'/%3E%3Cpath d='M7 16a4 4 0 0 1 4-4h2a4 4 0 0 1 4 4'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ── 20. Country (Globe / Map Pin) ── */
.fd-register-modern-wrap [data-key*="country"] .um-field-area::before,
.fd-register-modern-wrap [data-key*="billing_country"] .um-field-area::before,
.fd-register-modern-wrap [class*="country"] .um-field-area::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") !important;
    display: block !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   SELECT2 / DROPDOWNS (Zero Overlap across ALL selects)
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-modern-wrap .select2-container,
.fd-register-modern-wrap .select2-container--default {
    width: 100% !important;
    display: block !important;
}

.fd-register-modern-wrap .select2-container .select2-choice,
.fd-register-modern-wrap .select2-container .select2-selection--single,
.fd-register-modern-wrap .select2-container--default .select2-selection--single,
.fd-register-modern-wrap .select2-selection--single {
    width: 100% !important;
    height: 46px !important;
    line-height: 44px !important;
    background: #ffffff !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 8px !important;
    padding: 0 !important;
    font-size: 14px !important;
    color: #1e293b !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
    transition: border-color 0.2s ease !important;
}

/* Bulletproof: rendered text has padding-left: 54px so it always starts after the 42px icon pill */
.fd-register-modern-wrap .select2-container .select2-choice .select2-chosen,
.fd-register-modern-wrap .select2-chosen,
.fd-register-modern-wrap .select2-selection__rendered,
.fd-register-modern-wrap .select2-selection--single .select2-selection__rendered,
.fd-register-modern-wrap .select2-container .select2-selection__rendered,
.fd-register-modern-wrap .select2-container--default .select2-selection--single .select2-selection__rendered,
.fd-register-modern-wrap .select2-selection__placeholder,
.fd-register-modern-wrap .select2-container--default .select2-selection--single .select2-selection__placeholder {
    padding-left: 35px !important;
    padding-right: 56px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    line-height: 30px !important;
    color: #1e293b !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Multi-select Select2 */
.fd-register-modern-wrap .select2-container .select2-selection--multiple,
.fd-register-modern-wrap .select2-selection--multiple {
    min-height: 46px !important;
    background: #ffffff !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 8px !important;
    padding-left: 48px !important;
    padding-right: 32px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    position: relative !important;
}

.fd-register-modern-wrap select.um-form-field,
.fd-register-modern-wrap select {
    width: 100% !important;
    height: 46px !important;
    line-height: 44px !important;
    padding-left: 48px !important;
    padding-right: 36px !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    color: #1e293b !important;
}

/* Clear button placed cleanly at right: 34px so it never overlaps the dropdown arrow */
.fd-register-modern-wrap .select2-container .select2-selection__clear,
.fd-register-modern-wrap .select2-selection__clear,
.fd-register-modern-wrap .select2-container .select2-choice abbr.select2-search-choice-close,
.fd-register-modern-wrap abbr.select2-search-choice-close {
    position: absolute !important;
    right: 34px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    color: #94a3b8 !important;
    font-weight: bold !important;
    cursor: pointer !important;
    z-index: 10 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.fd-register-modern-wrap .select2-container .select2-selection__clear:hover,
.fd-register-modern-wrap .select2-selection__clear:hover,
.fd-register-modern-wrap abbr.select2-search-choice-close:hover {
    color: #ef4444 !important;
}

.fd-register-modern-wrap .select2-container .select2-choice .select2-arrow,
.fd-register-modern-wrap .select2-selection__arrow,
.fd-register-modern-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    width: 24px !important;
    position: absolute !important;
    right: 8px !important;
    top: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-left: none !important;
    background: transparent !important;
    pointer-events: none !important;
}

.fd-register-modern-wrap .select2-container--default.select2-container--open .select2-selection--single,
.fd-register-modern-wrap .select2-container.select2-drop-above .select2-choice {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   PASSWORD FIELD EYE ICON (Inside input on far right)
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-modern-wrap [data-key="user_password"] .um-field-area,
.fd-register-modern-wrap .um-field-type_password .um-field-area,
.fd-register-modern-wrap .um-field-password .um-field-area {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.fd-register-modern-wrap [data-key="user_password"] input,
.fd-register-modern-wrap .um-field-type_password input,
.fd-register-modern-wrap .um-field-password input {
    padding-left: 56px !important;
    padding-right: 48px !important;
}

.fd-register-modern-wrap [id*="um-field-show-passwords"],
.fd-register-modern-wrap .um-field-show-passwords {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 1 !important;
    background: transparent !important;
}

.fd-register-modern-wrap [id*="um-field-show-passwords"] a,
.fd-register-modern-wrap .um-field-show-passwords a,
.fd-register-modern-wrap a.um-toggle-password {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    text-decoration: none !important;
}

.fd-register-modern-wrap [id*="um-field-show-passwords"] i,
.fd-register-modern-wrap [id*="um-field-show-passwords"] a i,
.fd-register-modern-wrap .um-field-show-passwords i,
.fd-register-modern-wrap .um-field-show-passwords a i,
.fd-register-modern-wrap a.um-toggle-password i {
    font-size: 18px !important;
    color: #64748b !important;
    display: inline-block !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: color 0.15s ease !important;
}

.fd-register-modern-wrap [id*="um-field-show-passwords"]:hover i,
.fd-register-modern-wrap [id*="um-field-show-passwords"] a:hover i,
.fd-register-modern-wrap .um-field-show-passwords:hover i,
.fd-register-modern-wrap .um-field-show-passwords a:hover i,
.fd-register-modern-wrap a.um-toggle-password:hover i {
    color: #2563eb !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   TEXTAREA FIELDS (Zero Overlap)
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-modern-wrap .um textarea,
.fd-register-modern-wrap textarea.um-form-field {
    width: 100% !important;
    min-height: 84px !important;
    background: #ffffff !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #1e293b !important;
    padding: 12px 14px 12px 56px !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    resize: vertical !important;
    line-height: 1.5 !important;
    font-family: inherit !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.fd-register-modern-wrap textarea.um-form-field:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

.fd-register-modern-wrap textarea.um-form-field::placeholder {
    color: #94a3b8 !important;
    font-size: 14px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   CHECKBOX SECTIONS — CUSTOM CSS (FLEXBOX, NO EMPTY HOLES)
   Matches Screenshot 2: Clean 2 columns of white cards
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-modern-wrap .um-field-checkbox {
    background: #f0f7ff !important;
    border: 1px solid #dbeafe !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    margin: 0 0 24px 0 !important;
    box-sizing: border-box !important;
}

/* Header with Blue Badge/Ribbon Icon */
.fd-register-modern-wrap .um-field-checkbox .um-field-label {
    margin-bottom: 16px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.fd-register-modern-wrap .um-field-checkbox .um-field-label label {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #1e40af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.fd-register-modern-wrap .um-field-checkbox .um-field-label label::before {
    content: "" !important;
    display: inline-block !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: #dbeafe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpolyline points='8.21 13.89 7 23 12 20 17 23 15.79 13.88'/%3E%3C/svg%3E") no-repeat center !important;
    flex-shrink: 0 !important;
}

/* FLEXBOX LAYOUT (No CSS Grid holes caused by UM's .um-clear) */
.fd-register-modern-wrap .um-field-checkbox .um-field-area {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px 16px !important;
    width: 100% !important;
    float: none !important;
}

/* Suppress all non-label elements from breaking layout */
.fd-register-modern-wrap .um-field-checkbox .um-field-area > .um-clear,
.fd-register-modern-wrap .um-field-checkbox .um-field-area > input[type="hidden"],
.fd-register-modern-wrap .um-field-checkbox .um-field-area > br {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    visibility: hidden !important;
}

/* Each checkbox pill is exactly 50% minus half gap */
.fd-register-modern-wrap .um-field-checkbox label.um-field-checkbox,
.fd-register-modern-wrap .um-field-checkbox .um-field-area > label.um-field-checkbox,
.fd-register-modern-wrap .um-field-checkbox .um-field-area label {
    flex: 0 0 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 10px 14px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    transition: all 0.15s ease !important;
    float: none !important;
}

.fd-register-modern-wrap .um-field-checkbox label.um-field-checkbox:hover {
    border-color: #93c5fd !important;
}

.fd-register-modern-wrap .um-field-checkbox label.um-field-checkbox.active,
.fd-register-modern-wrap .um-field-checkbox label.um-field-checkbox:has(input:checked),
.fd-register-modern-wrap label.um-field-checkbox.active {
    border-color: #2563eb !important;
    background: #f8faff !important;
}

/* Checkbox Square Box */
.fd-register-modern-wrap input[type="checkbox"] {
    display: none !important;
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

.fd-register-modern-wrap .um-field-checkbox .um-field-checkbox-state,
.fd-register-modern-wrap label.um-field-checkbox .um-field-checkbox-state,
.fd-register-modern-wrap .um-field-type_checkbox .um-field-checkbox-state,
.fd-register-modern-wrap .um .um-field-checkbox-state,
.fd-register-modern-wrap .um-field-checkbox-state {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    border-radius: 4px !important;
    border: 1.5px solid #94a3b8 !important;
    background: #ffffff !important;
    margin: 0 10px 0 0 !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    transition: all 0.15s ease !important;
}

.fd-register-modern-wrap .um-field-checkbox label.um-field-checkbox.active .um-field-checkbox-state,
.fd-register-modern-wrap .um-field-checkbox label.um-field-checkbox:has(input:checked) .um-field-checkbox-state,
.fd-register-modern-wrap label.um-field-checkbox.active .um-field-checkbox-state,
.fd-register-modern-wrap .um-field-checkbox-state:has(i.um-icon-android-checkbox-outline) {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    border-color: #2563eb !important;
    background-color: #2563eb !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 11px 11px !important;
}

/* Hide the font-icon box to prevent double-box outline */
.fd-register-modern-wrap .um-field-checkbox .um-field-checkbox-state i,
.fd-register-modern-wrap label.um-field-checkbox .um-field-checkbox-state i,
.fd-register-modern-wrap .um-field-checkbox-state i {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
}

.fd-register-modern-wrap .um-field-checkbox .um-field-checkbox-option,
.fd-register-modern-wrap label.um-field-checkbox .um-field-checkbox-option,
.fd-register-modern-wrap .um-field-type_checkbox .um-field-checkbox-option,
.fd-register-modern-wrap .um .um-field-checkbox-option,
.fd-register-modern-wrap .um-field-checkbox-option {
    margin: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    text-indent: 0 !important;
    font-size: 13.5px !important;
    color: #1e293b !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-transform: capitalize !important;
    flex: 1 1 auto !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   MAKE ADDRESS PRIVATE? Container
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-modern-wrap [data-key="private_address"],
.fd-register-modern-wrap [class*="private_address"],
.fd-register-modern-wrap [class*="address-private"] {
    background: #f0f7ff !important;
    border: 1px solid #dbeafe !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin: 8px 0 20px !important;
    box-sizing: border-box !important;
}

.fd-register-modern-wrap [data-key="private_address"] .um-field-label label,
.fd-register-modern-wrap [class*="private_address"] .um-field-label label,
.fd-register-modern-wrap [class*="address-private"] .um-field-label label {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #1e40af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
}

.fd-register-modern-wrap [data-key="private_address"] .um-field-label label::before,
.fd-register-modern-wrap [class*="private_address"] .um-field-label label::before,
.fd-register-modern-wrap [class*="address-private"] .um-field-label label::before {
    content: "" !important;
    display: inline-block !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
    background: #dbeafe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") no-repeat center !important;
    flex-shrink: 0 !important;
}

.fd-register-modern-wrap [data-key="private_address"] label.um-field-checkbox,
.fd-register-modern-wrap [class*="private_address"] label.um-field-checkbox,
.fd-register-modern-wrap [class*="address-private"] label.um-field-checkbox {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    min-height: auto !important;
    display: flex !important;
    align-items: center !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   SUPPORTING DOCUMENTS (File Upload Card — Matching Reference Screenshot)
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-modern-wrap .um-field-type_file,
.fd-register-modern-wrap [data-key="supporting_documents"],
.fd-register-modern-wrap [class*="um-field-supporting_documents"] {
    border: 1.5px dashed #cbd5e1 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    padding: 18px 24px 22px 24px !important;
    margin: 10px 0 24px 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
    position: relative !important;
}

.fd-register-modern-wrap .um-field-type_file .um-field-label,
.fd-register-modern-wrap [data-key="supporting_documents"] .um-field-label,
.fd-register-modern-wrap [class*="um-field-supporting_documents"] .um-field-label {
    text-align: left !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.fd-register-modern-wrap .um-field-type_file .um-field-label label,
.fd-register-modern-wrap [data-key="supporting_documents"] .um-field-label label,
.fd-register-modern-wrap [class*="um-field-supporting_documents"] .um-field-label label {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Remove ::after tooltip from file upload label */
.fd-register-modern-wrap .um-field-type_file .um-field-label label::after,
.fd-register-modern-wrap [data-key="supporting_documents"] .um-field-label label::after {
    display: none !important;
    content: none !important;
}

.fd-register-modern-wrap .um-field-type_file .um-field-area,
.fd-register-modern-wrap [data-key="supporting_documents"] .um-field-area,
.fd-register-modern-wrap [class*="um-field-supporting_documents"] .um-field-area {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Upload hint row */
.fd-register-modern-wrap .fd-upload-hint {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 2px !important;
    width: 100% !important;
}

.fd-register-modern-wrap .fd-upload-hint-inner {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.fd-register-modern-wrap .fd-upload-hint-icon {
    width: 34px !important;
    height: 34px !important;
    flex-shrink: 0 !important;
}

.fd-register-modern-wrap .fd-upload-hint-text {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
}

.fd-register-modern-wrap .fd-upload-hint-title {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    line-height: 1.3 !important;
}

.fd-register-modern-wrap .fd-upload-hint-sub {
    font-size: 11.5px !important;
    color: #64748b !important;
    line-height: 1.3 !important;
}

/* Upload Button */
.fd-register-modern-wrap .um-field-type_file a.um-button,
.fd-register-modern-wrap .um-field-type_file .um-btn-auto-width,
.fd-register-modern-wrap [data-key="supporting_documents"] .um-btn-auto-width,
.fd-register-modern-wrap [data-key="supporting_documents"] a.um-button,
.fd-register-modern-wrap [class*="um-field-supporting_documents"] .um-btn-auto-width,
.fd-register-modern-wrap [class*="um-field-supporting_documents"] a.um-button {
    background: #0066ff !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 34px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0, 102, 255, 0.25) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
}

.fd-register-modern-wrap .um-field-type_file a.um-button:hover,
.fd-register-modern-wrap [data-key="supporting_documents"] a.um-button:hover {
    background: #0052cc !important;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.35) !important;
    transform: translateY(-1px) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   DISCLAIMER / TERMS — Warm Light Yellow Card with Blue Shield Icon
   Matches reference screenshot exactly
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-modern-wrap [data-key="disclaimer_agreed"],
.fd-register-modern-wrap [class*="um-field-disclaimer"],
.fd-register-modern-wrap [class*="um-field-flooring_consultant_terms"],
.fd-register-modern-wrap .um-field-disclaimer_agreed {
    background: #fffbeb !important;
    border: 1px solid #fde047 !important;
    border-radius: 10px !important;
    padding: 16px 20px !important;
    margin: 18px 0 24px !important;
    color: #1e3a8a !important;
    box-sizing: border-box !important;
}

.fd-register-modern-wrap [data-key="disclaimer_agreed"] .um-field-label,
.fd-register-modern-wrap [class*="um-field-disclaimer"] .um-field-label,
.fd-register-modern-wrap [class*="um-field-flooring_consultant_terms"] .um-field-label,
.fd-register-modern-wrap .um-field-disclaimer_agreed .um-field-label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

/* Blue Shield Icon */
.fd-register-modern-wrap [data-key="disclaimer_agreed"] .um-field-label::before,
.fd-register-modern-wrap [class*="um-field-disclaimer"] .um-field-label::before,
.fd-register-modern-wrap [class*="um-field-flooring_consultant_terms"] .um-field-label::before,
.fd-register-modern-wrap .um-field-disclaimer_agreed .um-field-label::before {
    content: "" !important;
    display: inline-block !important;
    width: 22px !important;
    height: 26px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='28' viewBox='0 0 24 24' fill='%230052cc' stroke='%230052cc' stroke-width='1'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") no-repeat center !important;
    background-size: contain !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

.fd-register-modern-wrap [data-key="disclaimer_agreed"] .um-field-label label,
.fd-register-modern-wrap [class*="um-field-disclaimer"] .um-field-label label,
.fd-register-modern-wrap [class*="um-field-flooring_consultant_terms"] .um-field-label label,
.fd-register-modern-wrap .um-field-disclaimer_agreed .um-field-label label {
    color: #1e3a8a !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}

.fd-register-modern-wrap [data-key="disclaimer_agreed"] label.um-field-checkbox,
.fd-register-modern-wrap [class*="um-field-disclaimer"] label.um-field-checkbox,
.fd-register-modern-wrap [class*="um-field-flooring_consultant_terms"] label.um-field-checkbox,
.fd-register-modern-wrap .um-field-disclaimer_agreed label.um-field-checkbox {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    min-height: auto !important;
    display: flex !important;
    align-items: center !important;
}

.fd-register-modern-wrap [data-key="disclaimer_agreed"] .um-field-checkbox-option,
.fd-register-modern-wrap [class*="um-field-disclaimer"] .um-field-checkbox-option,
.fd-register-modern-wrap [class*="um-field-flooring_consultant_terms"] .um-field-checkbox-option,
.fd-register-modern-wrap .um-field-disclaimer_agreed .um-field-checkbox-option {
    color: #1e293b !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   CODE OF CONDUCT (Dealer) - Screenshot 1 Full Fix
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-modern-wrap .um-field-trusted_dealer_coc,
.fd-register-modern-wrap [data-key="trusted_dealer_coc"],
.fd-register-modern-wrap #um_field_888_trusted_dealer_coc,
.fd-register-modern-wrap .um-field-disclaimer,
.fd-register-modern-wrap [data-key*="disclaimer"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    clear: both !important;
    float: none !important;
    margin-bottom: 24px !important;
}

.fd-register-modern-wrap .um-field-trusted_dealer_coc .um-field-area,
.fd-register-modern-wrap [data-key="trusted_dealer_coc"] .um-field-area,
.fd-register-modern-wrap #um_field_888_trusted_dealer_coc .um-field-area {
    width: 100% !important;
    max-width: 100% !important;
}

.fd-register-modern-wrap .um-field-trusted_dealer_coc label.um-field-checkbox,
.fd-register-modern-wrap [data-key="trusted_dealer_coc"] label.um-field-checkbox,
.fd-register-modern-wrap #um_field_888_trusted_dealer_coc label,
.fd-register-modern-wrap .um-field-disclaimer label.um-field-checkbox,
.fd-register-modern-wrap [data-key*="disclaimer"] label.um-field-checkbox {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 16px 20px !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    position: relative !important;
    box-sizing: border-box !important;
    min-height: auto !important;
    cursor: pointer !important;
    gap: 12px !important;
}

#um_field_888_terms_agreed label.um-field-checkbox.um-field-half,
#um_field_888_iicrc_disclaimer_agreed label.um-field-checkbox.um-field-half,
#um_field_888_disclaimer_agreed label.um-field-checkbox.um-field-half {
    flex: 0 0 calc(100% - 8px) !important;
    width: calc(100% - 8px) !important;
    max-width: calc(100% - 8px) !important;
}

.fd-register-modern-wrap .um-field-trusted_dealer_coc .um-field-checkbox-state,
.fd-register-modern-wrap [data-key="trusted_dealer_coc"] .um-field-checkbox-state,
.fd-register-modern-wrap #um_field_888_trusted_dealer_coc .um-field-checkbox-state,
.fd-register-modern-wrap .um-field-disclaimer .um-field-checkbox-state,
.fd-register-modern-wrap [data-key*="disclaimer"] .um-field-checkbox-state {
    position: relative !important;
    top: 3px !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    border-radius: 4px !important;
    border: 1.5px solid #94a3b8 !important;
    background: #ffffff !important;
}

.fd-register-modern-wrap .um-field-trusted_dealer_coc .um-field-checkbox-option,
.fd-register-modern-wrap [data-key="trusted_dealer_coc"] .um-field-checkbox-option,
.fd-register-modern-wrap #um_field_888_trusted_dealer_coc .um-field-checkbox-option {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    flex: 1 1 auto !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    line-height: 1.4 !important;
}

.fd-register-modern-wrap a[href*="code-of-conduct"],
.fd-register-modern-wrap .um-field-trusted_dealer_coc a,
.fd-register-modern-wrap .fd-open-coc-btn-inline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 16px !important;
    background: #eff6ff !important;
    color: #004b87 !important;
    border: 1.5px solid #bfdbfe !important;
    border-radius: 8px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 4px !important;
}

.fd-register-modern-wrap a[href*="code-of-conduct"]:hover,
.fd-register-modern-wrap .fd-open-coc-btn-inline:hover {
    background: #004b87 !important;
    color: #ffffff !important;
    border-color: #004b87 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   ACTION BUTTONS (Register Account & Login to Existing Account)
   Matches reference: Left Dark Blue solid button, Right White Outlined button
   ══════════════════════════════════════════════════════════════════════════ */
.fd-register-modern-wrap .um-col-alt {
    display: flex !important;
    flex-direction: row !important;
    gap: 16px !important;
    width: 100% !important;
    margin-top: 24px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.fd-register-modern-wrap .um-col-alt .um-left,
.fd-register-modern-wrap .um-col-alt .um-right {
    flex: 1 1 50% !important;
    width: 50% !important;
    float: none !important;
    margin: 0 !important;
}

/* Primary — Register Account */
.fd-register-modern-wrap input[type="submit"].um-button,
.fd-register-modern-wrap #um-submit-btn {
    width: 100% !important;
    height: 48px !important;
    background: #004b87 !important;
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0.2px !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 6px rgba(0, 75, 135, 0.25) !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.fd-register-modern-wrap input[type="submit"].um-button:hover,
.fd-register-modern-wrap #um-submit-btn:hover {
    background: #003660 !important;
    box-shadow: 0 4px 12px rgba(0, 75, 135, 0.35) !important;
    transform: translateY(-1px) !important;
}

/* Secondary — Login to Existing Account */
.fd-register-modern-wrap a.um-button.um-alt {
    width: 100% !important;
    height: 48px !important;
    line-height: 44px !important;
    background: #ffffff !important;
    color: #004b87 !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    border: 2px solid #004b87 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    text-align: center !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

.fd-register-modern-wrap a.um-button.um-alt:hover {
    background: #f0f7ff !important;
    border-color: #003660 !important;
    color: #003660 !important;
    transform: translateY(-1px) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE DESIGN (Mobile & Tablet)
   ══════════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 768px) {
    .fd-register-modern-wrap {
        padding: 28px 20px 24px !important;
        margin: 16px auto 40px !important;
        border-radius: 12px !important;
    }

    .fd-register-header h2 {
        font-size: 22px !important;
    }

    .fd-register-modern-wrap .um-col-121,
    .fd-register-modern-wrap .um-col-122 {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .fd-register-modern-wrap .um-field-checkbox label.um-field-checkbox,
    .fd-register-modern-wrap .um-field-checkbox .um-field-area > label.um-field-checkbox {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .fd-register-modern-wrap .um-col-alt {
        flex-direction: column !important;
        gap: 12px !important;
    }

    .fd-register-modern-wrap .um-col-alt .um-left,
    .fd-register-modern-wrap .um-col-alt .um-right {
        width: 100% !important;
        flex: 1 1 100% !important;
    }
}