/* Pica 1.8.5: Eventin attendee field ordering without moving React-controlled nodes.
   The native attendee name field is labelled Achternaam in this configuration. */
.eventin-ticket-info .eventin-form-card-container:has(> .etn-extra-fields-container) {
  display: flex;
  flex-direction: column;
}
.eventin-ticket-info .eventin-form-card-container > .etn-extra-fields-container,
.eventin-ticket-info .eventin-form-card-container > .etn-extra-fields-container > .etn-extra-form-field {
  display: contents;
}
/* Keep the attendee heading before all fields. */
.eventin-ticket-info .eventin-form-card-container > p:first-child { order: 0; }
/* Eventin extra fields (labels use title attributes). */
.eventin-ticket-info .eventin-form-card-container > .etn-extra-fields-container > .etn-extra-form-field:has(label[title="Aanhef"]) > .ant-form-item { order: 1; }
.eventin-ticket-info .eventin-form-card-container > .etn-extra-fields-container > .etn-extra-form-field:has(label[title="Voornaam"]) > .ant-form-item { order: 2; }
.eventin-ticket-info .eventin-form-card-container > .etn-extra-fields-container > .etn-extra-form-field:has(label[title="Tussenvoegsel"]) > .ant-form-item { order: 3; }
/* Native Eventin name and email inputs are direct children of the card. */
.eventin-ticket-info .eventin-form-card-container > .ant-form-item:has(input[id$="_name"]) { order: 4; }
.eventin-ticket-info .eventin-form-card-container > .ant-form-item:has(input[id$="_email"]) { order: 5; }
.eventin-ticket-info .eventin-form-card-container > .etn-extra-fields-container > .etn-extra-form-field:has(label[title="Functie"]) > .ant-form-item { order: 6; }
.eventin-ticket-info .eventin-form-card-container > .etn-extra-fields-container > .etn-extra-form-field:has(label[title="Andere functie"]) > .ant-form-item { order: 7; }

/* Pica 1.8.8: `display: contents` must not override the native hidden state.
   Eventin uses .etn-extra-form-field wrappers for additional inputs. */
.eventin-ticket-info .eventin-form-card-container .etn-extra-form-field[hidden],
.eventin-ticket-info .eventin-form-card-container .etn-extra-form-field[hidden] > .ant-form-item {
  display: none !important;
}

/* Required marking for conditionally shown Andere functie (class managed by JS). */
.eventin-ticket-info label[title="Andere functie"].ant-form-item-required::before { display:inline-block; margin-inline-end:4px; color:#ff4d4f; content:"*"; }

/* 1.10.8: Inline validation is a sibling of the ordered Andere functie field. */
.eventin-ticket-info .eventin-form-card-container > .etn-extra-fields-container > .etn-extra-form-field > .pica-andere-functie-error {
  order: 8 !important; display: block !important; position: static !important; width: 100%;
  color: #d92d20; font-size: 13px; margin: 5px 0 8px;
}