/* ============================================================
   Equivo: WPForms Universal Styling
   Copied from the staging WPCode snippet "WPForms Code", 5 Nov 2026
   ============================================================ */

/* ── Wrapper ─────────────────────────────────────────────── */
.wpforms-container,
.wpforms-container-full {
    background-color: #22353b !important;
    border-radius: 8px !important;
    padding: 28px !important;
    color: #ffffff !important;
    font-family: inherit;
    box-sizing: border-box;
}

/* Force all text inside the container to white by default */
.wpforms-container *,
.wpforms-container-full * {
    box-sizing: border-box;
    color: inherit;
}

/* ── Progress indicator ──────────────────────────────────── */
.wpforms-container .wpforms-page-indicator,
.wpforms-container-full .wpforms-page-indicator {
    margin-bottom: 36px;
}

.wpforms-page-indicator.circles .wpforms-page-indicator-page-title {
    color: #ffffff !important;
    font-size: 12px;
    margin-top: 6px;
    opacity: 0.6;
}

.wpforms-page-indicator.circles .wpforms-page-indicator-page.active .wpforms-page-indicator-page-title {
    opacity: 1 !important;
}

/* Connector line */
.wpforms-page-indicator.circles .wpforms-page-indicator-page::before {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

/* Incomplete circles */
.wpforms-page-indicator.circles .wpforms-page-indicator-page-number {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border: 2px solid rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    font-weight: 600;
}

/* Active circle */
.wpforms-page-indicator.circles .wpforms-page-indicator-page.active .wpforms-page-indicator-page-number {
    background-color: #f2ac7b !important;
    border-color: #f2ac7b !important;
    color: #ffffff !important;
}

/* Completed circles */
.wpforms-page-indicator.circles .wpforms-page-indicator-page.wpforms-page-indicator-page-completed .wpforms-page-indicator-page-number {
    background-color: #f2ac7b !important;
    border-color: #f2ac7b !important;
    opacity: 0.55;
}

/* ── Section headings (h3 HTML blocks) ───────────────────── */
.wpforms-container .wpforms-field-html h2,
.wpforms-container .wpforms-field-html h3,
.wpforms-container .wpforms-field-html h4,
.wpforms-container-full .wpforms-field-html h2,
.wpforms-container-full .wpforms-field-html h3,
.wpforms-container-full .wpforms-field-html h4 {
    color: #f2ac7b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    margin: 8px 0 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* ── Field labels ────────────────────────────────────────── */
.wpforms-container .wpforms-field-label,
.wpforms-container legend.wpforms-field-label,
.wpforms-container-full .wpforms-field-label,
.wpforms-container-full legend.wpforms-field-label {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 7px !important;
    display: block;
}

.wpforms-container .wpforms-required-label {
    color: #f2ac7b !important;
}

/* ── Field descriptions / helper notes ───────────────────── */
.wpforms-container .wpforms-field-description,
.wpforms-container .wpforms-field-sublabel,
.wpforms-container-full .wpforms-field-description,
.wpforms-container-full .wpforms-field-sublabel {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 12px !important;
}

/* ── Full-width fields ───────────────────────────────────── */
.wpforms-container .wpforms-field,
.wpforms-container-full .wpforms-field {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
    float: none !important;
    clear: both;
}

/* Kill any column layout WPForms tries to apply */
.wpforms-container .wpforms-field-row,
.wpforms-container-full .wpforms-field-row {
    display: block !important;
}

/* ── All text inputs, selects, textareas ─────────────────── */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="number"],
.wpforms-container input[type="url"],
.wpforms-container input[type="password"],
.wpforms-container input[type="date"],
.wpforms-container select,
.wpforms-container textarea,
.wpforms-container-full input[type="text"],
.wpforms-container-full input[type="email"],
.wpforms-container-full input[type="tel"],
.wpforms-container-full input[type="number"],
.wpforms-container-full input[type="url"],
.wpforms-container-full input[type="password"],
.wpforms-container-full input[type="date"],
.wpforms-container-full select,
.wpforms-container-full textarea {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    padding: 11px 14px !important;
    font-size: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    -webkit-appearance: none;
    appearance: none;
}

.wpforms-container input[type="text"]:focus,
.wpforms-container input[type="email"]:focus,
.wpforms-container input[type="tel"]:focus,
.wpforms-container input[type="number"]:focus,
.wpforms-container input[type="url"]:focus,
.wpforms-container input[type="password"]:focus,
.wpforms-container input[type="date"]:focus,
.wpforms-container select:focus,
.wpforms-container textarea:focus {
    border-color: #f2ac7b !important;
    outline: none !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 0 0 3px rgba(232, 119, 34, 0.2) !important;
}

.wpforms-container input::placeholder,
.wpforms-container textarea::placeholder {
    color: rgba(255, 255, 255, 0.3) !important;
}

/* Select arrow */
.wpforms-container select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='1.5' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 40px !important;
    cursor: pointer;
}

.wpforms-container select option {
    background-color: #22353b;
    color: #ffffff;
}

/* ── Radio: pill style ──────────────────────────────────── */

/* Hide the native radio input visually but keep it accessible */
.wpforms-container .wpforms-field-radio input[type="radio"],
.wpforms-container-full .wpforms-field-radio input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    pointer-events: none;
}

/* Remove default list styling */
.wpforms-container .wpforms-field-radio ul,
.wpforms-container-full .wpforms-field-radio ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

.wpforms-container .wpforms-field-radio li,
.wpforms-container-full .wpforms-field-radio li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* The pill label */
.wpforms-container .wpforms-field-radio .wpforms-field-label-inline,
.wpforms-container-full .wpforms-field-radio .wpforms-field-label-inline {
    display: inline-block !important;
    padding: 8px 20px !important;
    border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 999px !important;
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    user-select: none;
    line-height: 1.4;
}

.wpforms-container .wpforms-field-radio .wpforms-field-label-inline:hover,
.wpforms-container-full .wpforms-field-radio .wpforms-field-label-inline:hover {
    border-color: #f2ac7b !important;
    color: #ffffff !important;
    background-color: rgba(232, 119, 34, 0.1) !important;
}

/* Selected pill */
.wpforms-container .wpforms-field-radio input[type="radio"]:checked + .wpforms-field-label-inline,
.wpforms-container-full .wpforms-field-radio input[type="radio"]:checked + .wpforms-field-label-inline {
    background-color: #f2ac7b !important;
    border-color: #f2ac7b !important;
    color: #ffffff !important;
}

/* ── Checkbox: keep standard but theme it ───────────────── */
.wpforms-container .wpforms-field-checkbox ul,
.wpforms-container-full .wpforms-field-checkbox ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wpforms-container .wpforms-field-checkbox li,
.wpforms-container-full .wpforms-field-checkbox li {
    list-style: none !important;
    margin-bottom: 10px !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.wpforms-container .wpforms-field-checkbox input[type="checkbox"],
.wpforms-container-full .wpforms-field-checkbox input[type="checkbox"] {
    accent-color: #f2ac7b !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer;
    flex-shrink: 0;
}

.wpforms-container .wpforms-field-checkbox .wpforms-field-label-inline,
.wpforms-container-full .wpforms-field-checkbox .wpforms-field-label-inline {
    color: #ffffff !important;
    font-size: 14px !important;
    cursor: pointer;
}

/* ── File upload / Dropzone ──────────────────────────────── */
.wpforms-container .wpforms-uploader,
.wpforms-container .dropzone,
.wpforms-container-full .wpforms-uploader,
.wpforms-container-full .dropzone {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 2px dashed rgba(255, 255, 255, 0.2) !important;
    border-radius: 6px !important;
    padding: 28px 24px !important;
    text-align: center;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    width: 100% !important;
}

.wpforms-container .wpforms-uploader:hover,
.wpforms-container .dropzone:hover {
    border-color: #f2ac7b !important;
    background-color: rgba(232, 119, 34, 0.05) !important;
}

.wpforms-container .dz-message,
.wpforms-container .dz-message span {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 13px !important;
}

/* ── Error states ────────────────────────────────────────── */
.wpforms-container .wpforms-error,
.wpforms-container label.wpforms-error {
    color: #ff7070 !important;
    font-size: 12px !important;
    margin-top: 5px !important;
    display: block;
}

.wpforms-container input.wpforms-error,
.wpforms-container select.wpforms-error,
.wpforms-container textarea.wpforms-error {
    border-color: #ff7070 !important;
}

/* ── Navigation buttons ──────────────────────────────────── */
.wpforms-container .wpforms-page-button,
.wpforms-container-full .wpforms-page-button {
    background-color: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 11px 28px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.wpforms-container .wpforms-page-button:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
}

.wpforms-container .wpforms-page-button.wpforms-page-next,
.wpforms-container-full .wpforms-page-button.wpforms-page-next {
    background-color: #f2ac7b !important;
    border-color: #f2ac7b !important;
    color: #ffffff !important;
}

.wpforms-container .wpforms-page-button.wpforms-page-next:hover {
    background-color: #d9935d !important;
    border-color: #d9935d !important;
}

/* ── Submit button ───────────────────────────────────────── */
.wpforms-container .wpforms-submit-container,
.wpforms-container-full .wpforms-submit-container {
    margin-top: 16px;
}

.wpforms-container .wpforms-submit,
.wpforms-container-full .wpforms-submit {
    background-color: #f2ac7b !important;
    border: none !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    padding: 13px 36px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.wpforms-container .wpforms-submit:hover {
    background-color: #d9935d !important;
}

.wpforms-container .wpforms-submit:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

/* ── Confirmation message ────────────────────────────────── */
/* WPForms swaps the form for the confirmation div via AJAX —
   it may no longer sit inside .wpforms-container, so target directly */
.wpforms-confirmation-container-full {
    background-color: rgba(232, 119, 34, 0.12) !important;
    border: 1px solid #f2ac7b !important;
    border-radius: 6px !important;
    padding: 24px !important;
    font-size: 15px !important;
    text-align: center;
}

.wpforms-confirmation-container-full,
.wpforms-confirmation-container-full p,
.wpforms-confirmation-container-full a {
    color: #ffffff !important;
}

/* ── Field spacing ───────────────────────────────────────── */
.wpforms-container .wpforms-field,
.wpforms-container-full .wpforms-field {
    margin-bottom: 12px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.wpforms-container .wpforms-field-html,
.wpforms-container-full .wpforms-field-html {
    margin-bottom: 6px !important;
    margin-top: 10px !important;
}

.wpforms-container .wpforms-page-indicator,
.wpforms-container-full .wpforms-page-indicator {
    margin-bottom: 20px !important;
}

/* ── Field layout ────────────────────────────────────────── */
.wpforms-container .wpforms-field-row-block,
.wpforms-container .wpforms-one-half,
.wpforms-container .wpforms-one-third,
.wpforms-container .wpforms-two-thirds,
.wpforms-container .wpforms-three-quarters,
.wpforms-container .wpforms-one-quarter {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ── reCAPTCHA ───────────────────────────────────────────── */
.wpforms-container .grecaptcha-badge {
    filter: invert(1) brightness(0.8);
}

/* ── Phone field: flag removed, no extra padding ──────────
   Earlier styles reserved 54px on the left for the intl-tel-input
   country flag dropdown. The flag is no longer present, so the
   number now sits flush at the standard input padding. */
.wpforms-container .wpforms-field-phone .iti,
.wpforms-container-full .wpforms-field-phone .iti {
    width: 100% !important;
    display: block !important;
}

.wpforms-container .wpforms-field-phone input[type="tel"],
.wpforms-container-full .wpforms-field-phone input[type="tel"] {
    padding-left: 14px !important;
}

/* Belt-and-braces: hide the flag dropdown if it ever re-appears */
.wpforms-container .wpforms-field-phone .iti__flag-container,
.wpforms-container-full .wpforms-field-phone .iti__flag-container {
    display: none !important;
}

/* ── File upload: readable text on the dark form background ── */
/* The "No file chosen" / filename text inherited dark colour from
   the OS default styling and was unreadable on the navy form bg.
   Force the filename text to inherit the form's light text colour. */
.wpforms-container .wpforms-field-file-upload input[type="file"],
.wpforms-container-full .wpforms-field-file-upload input[type="file"] {
    color: #ffffff !important;
}

/* Filename display next to the "Choose file" button (varies by browser) */
.wpforms-container .wpforms-uploader,
.wpforms-container-full .wpforms-uploader,
.wpforms-container .wpforms-field-file-upload .wpforms-field-label-inline,
.wpforms-container-full .wpforms-field-file-upload .wpforms-field-label-inline {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* The native browser "Choose file" button label */
.wpforms-container input[type="file"]::-webkit-file-upload-button,
.wpforms-container-full input[type="file"]::-webkit-file-upload-button {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 4px;
    padding: 6px 14px;
    cursor: pointer;
    margin-right: 10px;
}
.wpforms-container input[type="file"]::file-selector-button,
.wpforms-container-full input[type="file"]::file-selector-button {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 4px;
    padding: 6px 14px;
    cursor: pointer;
    margin-right: 10px;
}

/* ── Multi-page scroll: offset for sticky header ───────── */
/* When WPForms advances to the next page it scrolls the form
   container into view. scroll-margin-top reserves space so
   the sticky header does not obscure the top of the form.
   Adjust the value to match the actual header height (px). */
.wpforms-container,
.wpforms-container-full {
    scroll-margin-top: 90px;
}

/* ============================================================
   EQUIVO KYC: FORM ENHANCEMENTS
   DOB dropdowns, two-column pairs, review block.

   IMPORTANT: `display` rules below are intentionally WITHOUT
   !important so WPForms' conditional logic (inline style=
   "display:none") can hide these fields when their gating
   radio is set the other way.
   ============================================================ */

/* ── DOB three-dropdown row layout (Day / Month / Year) ─── */
/* Tighter widths so they always fit on one row even at narrow viewports. */
.wpforms-container .wpforms-field[class*="equivo-dob-"],
.wpforms-container .wpforms-field[class*="equivo-dir-dob-"],
.wpforms-container-full .wpforms-field[class*="equivo-dob-"],
.wpforms-container-full .wpforms-field[class*="equivo-dir-dob-"] {
    display: inline-block;             /* no !important: let display:none win */
    width: calc(33.333% - 14px) !important;
    max-width: calc(33.333% - 14px) !important;
    margin-right: 14px !important;
    vertical-align: top !important;
    float: none !important;
    clear: none !important;
}

.wpforms-container .wpforms-field.equivo-dob-year,
.wpforms-container .wpforms-field.equivo-dir-dob-year,
.wpforms-container-full .wpforms-field.equivo-dob-year,
.wpforms-container-full .wpforms-field.equivo-dir-dob-year {
    margin-right: 0 !important;
}

@media (max-width: 600px) {
    .wpforms-container .wpforms-field[class*="equivo-dob-"],
    .wpforms-container .wpforms-field[class*="equivo-dir-dob-"],
    .wpforms-container-full .wpforms-field[class*="equivo-dob-"],
    .wpforms-container-full .wpforms-field[class*="equivo-dir-dob-"] {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
    }
}

.wpforms-container .wpforms-field[class*="equivo-dob-"] .wpforms-field-label,
.wpforms-container .wpforms-field[class*="equivo-dir-dob-"] .wpforms-field-label {
    font-size: 13px !important;
    white-space: nowrap;
}

/* DOB section heading: sits above the three dropdowns */
.wpforms-container .wpforms-field-html.ekyc-dob-heading,
.wpforms-container-full .wpforms-field-html.ekyc-dob-heading {
    margin-bottom: -4px !important;
}
.ekyc-dob-h {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 8px 0 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* ── Path radio (Individual / Limited Company): big card buttons ─
   WPForms with icon-choices uses different markup, so we cover both:
   classic .wpforms-field-radio ul AND modern .wpforms-icon-choices. */

.wpforms-container .wpforms-field.equivo-path-radio ul,
.wpforms-container-full .wpforms-field.equivo-path-radio ul,
.wpforms-container .wpforms-field.equivo-path-radio .wpforms-image-choices,
.wpforms-container .wpforms-field.equivo-path-radio .wpforms-icon-choices {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    flex-direction: row !important;
}

.wpforms-container .wpforms-field.equivo-path-radio li,
.wpforms-container-full .wpforms-field.equivo-path-radio li,
.wpforms-container .wpforms-field.equivo-path-radio .wpforms-image-choices-item,
.wpforms-container .wpforms-field.equivo-path-radio .wpforms-icon-choices-item {
    width: 100% !important;
    margin: 0 !important;
}

/* Card label: applies to both classic and icon variants */
.wpforms-container .wpforms-field.equivo-path-radio .wpforms-field-label-inline,
.wpforms-container-full .wpforms-field.equivo-path-radio .wpforms-field-label-inline,
.wpforms-container .wpforms-field.equivo-path-radio .wpforms-image-choices-label,
.wpforms-container .wpforms-field.equivo-path-radio .wpforms-icon-choices-label {
    display: block !important;
    text-align: center !important;
    padding: 22px 16px !important;
    border: 2px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    background-color: rgba(255, 255, 255, 0.04) !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
    line-height: 1.4 !important;
}

/* Selected state */
.wpforms-container .wpforms-field.equivo-path-radio input:checked + .wpforms-field-label-inline,
.wpforms-container-full .wpforms-field.equivo-path-radio input:checked + .wpforms-field-label-inline,
.wpforms-container .wpforms-field.equivo-path-radio input:checked ~ .wpforms-image-choices-label,
.wpforms-container .wpforms-field.equivo-path-radio input:checked ~ .wpforms-icon-choices-label,
.wpforms-container .wpforms-field.equivo-path-radio .wpforms-icon-choices-item-selected .wpforms-icon-choices-label,
.wpforms-container .wpforms-field.equivo-path-radio .wpforms-image-choices-item-selected .wpforms-image-choices-label {
    background-color: rgba(242, 172, 123, 0.18) !important;
    border-color: #f2ac7b !important;
    box-shadow: 0 0 0 1px #f2ac7b inset !important;
    color: #ffffff !important;
}

@media (max-width: 480px) {
    .wpforms-container .wpforms-field.equivo-path-radio ul,
    .wpforms-container-full .wpforms-field.equivo-path-radio ul,
    .wpforms-container .wpforms-field.equivo-path-radio .wpforms-image-choices,
    .wpforms-container .wpforms-field.equivo-path-radio .wpforms-icon-choices {
        grid-template-columns: 1fr !important;
    }
}

/* ── Button row layout: Previous + Next/Submit side by side with a gap ──
   On the final page, frontend.js moves the Previous button into the Submit
   container so the buttons become siblings in the same DOM container.
   This means CSS only needs to lay them out inline within the submit container. */

.wpforms-container .wpforms-page-button.wpforms-page-prev,
.wpforms-container-full .wpforms-page-button.wpforms-page-prev {
    display: inline-block;
    margin-right: 16px !important;
    vertical-align: top !important;
}

.wpforms-container .wpforms-page-button.wpforms-page-next,
.wpforms-container-full .wpforms-page-button.wpforms-page-next {
    display: inline-block;
    vertical-align: top !important;
}

.wpforms-container .wpforms-submit-container .ekyc-prev-relocated,
.wpforms-container-full .wpforms-submit-container .ekyc-prev-relocated {
    display: inline-block !important;
    margin-right: 16px !important;
    vertical-align: top !important;
}

.wpforms-container .wpforms-submit-container .wpforms-submit,
.wpforms-container-full .wpforms-submit-container .wpforms-submit {
    display: inline-block !important;
    margin: 0 !important;
    vertical-align: top !important;
}

/* ── Section heading rhythm ──────────────────────────────── */
.wpforms-container .wpforms-field-html h3,
.wpforms-container-full .wpforms-field-html h3 {
    margin-top: 32px !important;
    padding-bottom: 14px !important;
    border-bottom: 2px solid rgba(242, 172, 123, 0.5) !important;
    font-size: 15px !important;
    letter-spacing: 0.12em !important;
}

.wpforms-container .wpforms-field-html h4,
.wpforms-container-full .wpforms-field-html h4 {
    margin-top: 18px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* ── Two-column layout for related field pairs ──────────── */
/* Apply CSS class 'ekyc-half' to a field for it to take 50% width.
   Add 'ekyc-half-end' on the second of a pair so it has no right margin. */
.wpforms-container .wpforms-field.ekyc-half,
.wpforms-container-full .wpforms-field.ekyc-half {
    display: inline-block;             /* no !important: preserve display:none for CL */
    width: calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
    margin-right: 10px !important;
    vertical-align: top !important;
    float: none !important;
}

.wpforms-container .wpforms-field.ekyc-half-end,
.wpforms-container-full .wpforms-field.ekyc-half-end {
    margin-right: 0 !important;
}

@media (max-width: 600px) {
    .wpforms-container .wpforms-field.ekyc-half,
    .wpforms-container-full .wpforms-field.ekyc-half {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
    }
}

/* ── Review page block ──────────────────────────────────── */
.wpforms-container .wpforms-field-html.ekyc-review-block,
.wpforms-container-full .wpforms-field-html.ekyc-review-block {
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    padding: 20px 24px !important;
}

.ekyc-review p {
    margin: 6px 0 !important;
    font-size: 14px;
    line-height: 1.6;
}

.ekyc-review p strong {
    color: #f2ac7b;
    font-weight: 600;
    display: inline-block;
    min-width: 180px;
}

.ekyc-review h4 {
    margin: 18px 0 6px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

.ekyc-review h4:first-child {
    margin-top: 4px !important;
}