/**
 * Lead Engine + Adalace Quickscan (WordPress embed)
 * — Hoog genoeg specificiteit voor Breakdance / page builders die inputs resetten
 * — Typografie volgt de site waar mogelijk (inherit)
 */

/* Foutmeldingen shortcode (zichtbaar voor beheerders / bij API-fout) */
.wgc-lead-engine-notice--error {
    margin: 1rem 0;
    padding: 0.875rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.45;
    background-color: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.wgc-lead-engine-notice__title {
    margin: 0 0 0.35rem;
}

.wgc-lead-engine-notice__title + p {
    margin: 0;
}

.wgc-lead-engine-form,
.wgc-adalace-quickscan,
.wgc-technology-quick-quote,
.wgc-quick-quoter {
    max-width: 100%;
    margin: 0 auto;
    font-family: inherit;
    color: inherit;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

.wgc-lead-engine-form *,
.wgc-adalace-quickscan *,
.wgc-technology-quick-quote *,
.wgc-quick-quoter * {
    box-sizing: border-box;
}

.wgc-form-title {
    margin-bottom: 1.5rem;
    font-size: inherit;
    font-weight: 600;
    line-height: 1.25;
    font-family: inherit;
    color: inherit;
}

/* Grid layout for form fields */
.wgc-form-fields-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1rem;
}

.wgc-form-field {
    margin-bottom: 0;
}

/* Width classes - desktop (12-column grid) */
.wgc-field-width-25 {
    grid-column: span 3;
}

.wgc-field-width-33 {
    grid-column: span 4;
}

.wgc-field-width-50 {
    grid-column: span 6;
}

.wgc-field-width-66 {
    grid-column: span 8;
}

.wgc-field-width-75 {
    grid-column: span 9;
}

.wgc-field-width-100 {
    grid-column: span 12;
}

/* Mobile: all fields full width */
@media (max-width: 640px) {
    .wgc-form-fields-grid {
        grid-template-columns: 1fr;
    }

    .wgc-field-width-25,
    .wgc-field-width-33,
    .wgc-field-width-50,
    .wgc-field-width-66,
    .wgc-field-width-75,
    .wgc-field-width-100 {
        grid-column: span 1;
    }
}

div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-form-field label {
    display: block;
    margin-bottom: 0.375rem;
    font-weight: 500;
    font-size: 0.9375rem;
    font-family: inherit;
    color: inherit;
}

.wgc-required {
    color: #dc2626;
}

/* Merkkleur voor alle embed-forms (contact, donatie, evenement, …): Breakdance → optioneel --wgc-submit-bg */
div.wgc-lead-engine-form.wgc-lead-engine-form--embed {
    --wgc-lead-engine-brand: var(
        --bde-brand-primary-color,
        var(--bde-palette-color-brand, var(--wgc-submit-bg, #4f46e5))
    );
    --wgc-lead-engine-brand-hover: var(
        --bde-brand-primary-color-hover,
        var(--wgc-submit-bg-hover, color-mix(in srgb, var(--wgc-lead-engine-brand) 86%, black))
    );
}

/* Inputs: dubbele wrapper-specificiteit t.o.v. builder resets */
div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-form-field input[type="text"],
div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-form-field input[type="email"],
div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-form-field input[type="tel"],
div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-form-field input[type="number"],
div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-form-field textarea,
div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-form-field select {
    width: 100%;
    max-width: 100%;
    padding: 0.625rem 0.875rem;
    border: 1px solid color-mix(in srgb, var(--wgc-lead-engine-brand) 35%, #d1d5db);
    border-radius: 0.375rem;
    font-size: 1rem;
    line-height: 1.5;
    font-family: inherit;
    color: inherit;
    background-color: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    appearance: auto;
    -webkit-appearance: auto;
}

div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-form-field input:focus,
div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-form-field textarea:focus,
div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-form-field select:focus {
    outline: none;
    border-color: var(--wgc-lead-engine-brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wgc-lead-engine-brand) 18%, transparent);
}

div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-form-field input::placeholder,
div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-form-field textarea::placeholder {
    color: #9ca3af;
    opacity: 1;
}

.wgc-radio-group,
.wgc-checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.wgc-radio-option,
.wgc-checkbox-option {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: 400;
    font-family: inherit;
}

.wgc-radio-option input,
.wgc-checkbox-option input {
    width: auto;
    margin: 0;
    accent-color: var(--wgc-lead-engine-brand);
}

.wgc-form-submit {
    margin-top: 1.5rem;
}

div.wgc-lead-engine-form.wgc-lead-engine-form--embed button.wgc-submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    background-color: var(--wgc-lead-engine-brand);
    color: var(--wgc-submit-color, #fff);
    font-size: 1rem;
    font-weight: 500;
    font-family: inherit;
    line-height: 1.25;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: background-color 0.15s ease, opacity 0.15s ease;
    box-shadow: none;
    text-decoration: none;
    -webkit-appearance: none;
    appearance: none;
}

div.wgc-lead-engine-form.wgc-lead-engine-form--embed button.wgc-submit-button:hover {
    background-color: var(--wgc-lead-engine-brand-hover);
    color: var(--wgc-submit-color, #fff);
}

div.wgc-lead-engine-form.wgc-lead-engine-form--embed button.wgc-submit-button:disabled {
    background-color: #9ca3af;
    cursor: not-allowed;
    opacity: 0.85;
}

.wgc-form-message {
    margin-top: 1rem;
    padding: 0.875rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-family: inherit;
}

.wgc-form-message.wgc-success {
    background-color: #dcfce7;
    color: #166534;
    border: 1px solid #86efac;
}

.wgc-form-message.wgc-error {
    background-color: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.wgc-field-hidden {
    display: none;
}

.wgc-donation-field-label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

/* Donatie: voorkom dat algemene .wgc-form-field label-styling de pill-grid breekt */
div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-form-field .wgc-donation-preset {
    display: block;
    margin-bottom: 0;
    font-weight: inherit;
}

/* Donatie bedrag — één segmented control: €15 … €100 + Kies zelf */
.wgc-donation-amount-fieldset {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.wgc-donation-amount-fieldset legend {
    padding: 0;
    margin-bottom: 0.625rem;
}

.wgc-donation-presets {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.25rem;
    padding: 0.35rem;
    border-radius: 9999px;
    background-color: var(--wgc-donation-track-bg, #ebe8e3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.wgc-donation-preset {
    position: relative;
    flex: 1 1 0;
    min-width: 3.25rem;
    margin: 0;
    cursor: pointer;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

.wgc-donation-preset--custom-tab {
    flex: 1.15 1 0;
    min-width: 4.25rem;
}

.wgc-donation-preset input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.wgc-donation-preset__face {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.5rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.15;
    color: #1a1a1a;
    text-align: center;
    hyphens: auto;
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.12s ease;
}

@media (min-width: 480px) {
    .wgc-donation-preset__face {
        font-size: 1rem;
        padding: 0.5rem 0.65rem;
    }
}

.wgc-donation-preset:hover .wgc-donation-preset__face {
    background-color: rgba(255, 255, 255, 0.55);
}

.wgc-donation-preset input[type="radio"]:focus-visible + .wgc-donation-preset__face {
    outline: 2px solid var(--wgc-lead-engine-brand);
    outline-offset: 2px;
}

.wgc-donation-preset input[type="radio"]:checked + .wgc-donation-preset__face {
    background-color: var(--wgc-lead-engine-brand);
    color: var(--wgc-lead-engine-on-brand, #fff);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.wgc-donation-custom-panel {
    margin-top: 0.75rem;
}

.wgc-donation-custom-panel[hidden] {
    display: none !important;
}

.wgc-donation-custom-panel:not([hidden]) .wgc-donation-custom-input-wrap {
    border-color: var(--wgc-lead-engine-brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wgc-lead-engine-brand) 18%, transparent);
}

.wgc-donation-custom-input-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem 0.35rem 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid #d1d5db;
    background: #fff;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.wgc-donation-euro {
    font-size: 1rem;
    font-weight: 600;
    color: #374151;
    line-height: 1;
    user-select: none;
}

div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-donation-custom-input-wrap input[type="number"] {
    width: 7.5rem;
    max-width: 11rem;
    min-width: 5rem;
    padding: 0.45rem 0.35rem;
    margin: 0;
    border: none;
    border-radius: 0.25rem;
    background: transparent;
    font-size: 1rem;
    line-height: 1.4;
    box-shadow: none;
}

div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-donation-custom-input-wrap input[type="number"]:focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
}

@media (max-width: 480px) {
    div.wgc-lead-engine-form.wgc-lead-engine-form--embed .wgc-donation-custom-input-wrap input[type="number"] {
        flex: 1;
        width: auto;
        max-width: none;
    }

    .wgc-donation-custom-input-wrap {
        width: 100%;
        max-width: 100%;
    }
}

/* ═══════════════════════════════════════════════════════════════
   MULTI-STEP EVENT REGISTRATION WIZARD
   ═══════════════════════════════════════════════════════════════ */

.wgc-event-wizard {
    --wgc-wizard-brand: var(
        --bde-brand-primary-color,
        var(--bde-palette-color-brand, var(--wgc-submit-bg, #4f46e5))
    );
    --wgc-wizard-brand-hover: color-mix(in srgb, var(--wgc-wizard-brand) 86%, black);
    --wgc-wizard-radius: 0.5rem;
    --wgc-wizard-border: #e5e7eb;
    --wgc-wizard-muted: #6b7280;
    font-family: inherit;
    color: inherit;
    max-width: 100%;
    box-sizing: border-box;
}

.wgc-event-wizard * {
    box-sizing: border-box;
}

/* ── Step indicator ── */
.wgc-wizard-steps {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 2rem;
}

.wgc-wizard-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
    flex: 0 0 auto;
}

.wgc-step-circle {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9375rem;
    font-weight: 600;
    border: 2px solid var(--wgc-wizard-border);
    background: #fff;
    color: var(--wgc-wizard-muted);
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.wgc-step-label {
    font-size: 0.75rem;
    color: var(--wgc-wizard-muted);
    white-space: nowrap;
    transition: color 0.2s;
}

/* Active step */
.wgc-wizard-step.wgc-step-active .wgc-step-circle {
    background: var(--wgc-wizard-brand);
    border-color: var(--wgc-wizard-brand);
    color: #fff;
}

.wgc-wizard-step.wgc-step-active .wgc-step-label {
    color: var(--wgc-wizard-brand);
    font-weight: 600;
}

/* Completed step */
.wgc-wizard-step.wgc-step-completed .wgc-step-circle {
    background: color-mix(in srgb, var(--wgc-wizard-brand) 12%, #fff);
    border-color: var(--wgc-wizard-brand);
    color: var(--wgc-wizard-brand);
}

.wgc-wizard-step.wgc-step-completed .wgc-step-circle span::before {
    content: "✓";
}

.wgc-wizard-step.wgc-step-completed .wgc-step-circle span {
    font-size: 0;
}

.wgc-wizard-step.wgc-step-completed .wgc-step-label {
    color: var(--wgc-wizard-brand);
}

/* Connector line between steps */
.wgc-step-connector {
    flex: 1;
    height: 2px;
    background: var(--wgc-wizard-border);
    margin: 0 0.5rem;
    margin-bottom: 1.25rem;
    transition: background 0.2s;
}

/* ── Panels ── */
.wgc-wizard-panel {
    animation: wgcFadeIn 0.2s ease;
}

@keyframes wgcFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Inputs inside wizard (same rules as embed form) */
.wgc-event-wizard .wgc-form-field label {
    display: block;
    margin-bottom: 0.375rem;
    font-weight: 500;
    font-size: 0.9375rem;
    color: inherit;
}

.wgc-event-wizard .wgc-form-field input[type="text"],
.wgc-event-wizard .wgc-form-field input[type="email"],
.wgc-event-wizard .wgc-form-field input[type="tel"],
.wgc-event-wizard .wgc-form-field input[type="number"],
.wgc-event-wizard .wgc-form-field select {
    width: 100%;
    padding: 0.625rem 0.875rem;
    border: 1px solid color-mix(in srgb, var(--wgc-wizard-brand) 30%, #d1d5db);
    border-radius: var(--wgc-wizard-radius);
    font-size: 1rem;
    font-family: inherit;
    color: inherit;
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
    appearance: auto;
    -webkit-appearance: auto;
}

.wgc-event-wizard .wgc-form-field input:focus,
.wgc-event-wizard .wgc-form-field select:focus {
    outline: none;
    border-color: var(--wgc-wizard-brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wgc-wizard-brand) 18%, transparent);
}

.wgc-event-wizard .wgc-form-field input.wgc-field-error {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
}

/* ── Registrant type toggle ── */
.wgc-registrant-type {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    padding: 0.3rem;
    background: #f3f4f6;
    border-radius: 9999px;
    width: fit-content;
}

.wgc-type-option {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1.1rem;
    border-radius: 9999px;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    color: var(--wgc-wizard-muted);
    transition: background 0.18s, color 0.18s, box-shadow 0.18s;
    user-select: none;
}

.wgc-type-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
}

.wgc-type-option.wgc-type-active {
    background: #fff;
    color: var(--wgc-wizard-brand);
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ── VAT input ── */
.wgc-vat-input-wrap {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
}

.wgc-vat-input {
    flex: 1;
}

.wgc-vat-validate-btn {
    padding: 0.625rem 1rem;
    background: #f9fafb;
    border: 1px solid color-mix(in srgb, var(--wgc-wizard-brand) 30%, #d1d5db);
    border-radius: var(--wgc-wizard-radius);
    font-size: 0.875rem;
    font-family: inherit;
    font-weight: 500;
    cursor: pointer;
    color: var(--wgc-wizard-brand);
    white-space: nowrap;
    transition: background 0.15s;
}

.wgc-vat-validate-btn:hover {
    background: color-mix(in srgb, var(--wgc-wizard-brand) 8%, #fff);
}

.wgc-vat-validate-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.wgc-vat-status {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

.wgc-vat-valid   { color: #16a34a; }
.wgc-vat-invalid { color: #dc2626; }
.wgc-vat-checking { color: var(--wgc-wizard-muted); }

/* ── Price display ── */
.wgc-event-wizard .wgc-price-display label {
    display: block;
    margin-bottom: 0.375rem;
    font-weight: 500;
    font-size: 0.9375rem;
}

.wgc-event-wizard .wgc-price-box {
    padding: 0.625rem 0.875rem;
    background: color-mix(in srgb, var(--wgc-wizard-brand) 6%, #fff);
    border: 1px solid color-mix(in srgb, var(--wgc-wizard-brand) 20%, #e5e7eb);
    border-radius: var(--wgc-wizard-radius);
}

.wgc-event-wizard .wgc-price-amount {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--wgc-wizard-brand);
}

/* ── Payment options ── */
.wgc-payment-options {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.wgc-payment-option {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 1rem 1.25rem;
    border: 2px solid var(--wgc-wizard-border);
    border-radius: var(--wgc-wizard-radius);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    font-family: inherit;
    color: inherit;
    background: #fff;
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
    user-select: none;
}

.wgc-payment-option:hover {
    border-color: color-mix(in srgb, var(--wgc-wizard-brand) 50%, #e5e7eb);
    background: color-mix(in srgb, var(--wgc-wizard-brand) 3%, #fff);
}

.wgc-payment-option.wgc-payment-active,
.wgc-payment-option:has(input:checked) {
    border-color: var(--wgc-wizard-brand);
    background: color-mix(in srgb, var(--wgc-wizard-brand) 5%, #fff);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wgc-wizard-brand) 15%, transparent);
}

.wgc-payment-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
}

.wgc-payment-icon {
    font-size: 1.375rem;
    line-height: 1;
    flex-shrink: 0;
}

/* ── Wizard nav (back / next buttons) ── */
.wgc-wizard-nav {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.75rem;
    flex-wrap: wrap;
}

.wgc-btn-next,
.wgc-btn-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    border-radius: var(--wgc-wizard-radius);
    font-size: 1rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    border: none;
}

.wgc-btn-next {
    background: var(--wgc-wizard-brand);
    color: #fff;
    margin-left: auto;
}

.wgc-btn-next:hover {
    background: var(--wgc-wizard-brand-hover);
}

.wgc-btn-back {
    background: transparent;
    color: var(--wgc-wizard-muted);
    border: 1px solid var(--wgc-wizard-border);
}

.wgc-btn-back:hover {
    background: #f3f4f6;
    color: inherit;
}

.wgc-event-wizard .wgc-submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.75rem;
    background: var(--wgc-wizard-brand);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    font-family: inherit;
    border: none;
    border-radius: var(--wgc-wizard-radius);
    cursor: pointer;
    transition: background 0.15s, opacity 0.15s;
    margin-left: auto;
}

.wgc-event-wizard .wgc-submit-button:hover {
    background: var(--wgc-wizard-brand-hover);
}

.wgc-event-wizard .wgc-submit-button:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

/* ── Messages ── */
.wgc-event-wizard .wgc-form-message {
    margin-top: 1rem;
    padding: 0.875rem 1rem;
    border-radius: var(--wgc-wizard-radius);
    font-size: 0.9375rem;
}

.wgc-event-wizard .wgc-message-success {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #86efac;
}

.wgc-event-wizard .wgc-message-error {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

/* ── Mobile ── */
@media (max-width: 640px) {
    .wgc-wizard-steps {
        gap: 0;
    }

    .wgc-step-label {
        font-size: 0.6875rem;
    }

    .wgc-step-circle {
        width: 2rem;
        height: 2rem;
        font-size: 0.875rem;
    }

    .wgc-registrant-type {
        width: 100%;
        justify-content: stretch;
    }

    .wgc-type-option {
        flex: 1;
        justify-content: center;
    }

    .wgc-btn-next,
    .wgc-event-wizard .wgc-submit-button {
        margin-left: 0;
        width: 100%;
    }

    .wgc-btn-back {
        width: 100%;
    }

    .wgc-wizard-nav {
        flex-direction: column-reverse;
    }

    .wgc-payment-option {
        padding: 0.875rem 1rem;
    }
}

/* ── Places autocomplete dropdown ──────────────────────────── */
.wgc-places-wrap {
    position: relative;
}

.wgc-places-suggestions {
    display: none;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    z-index: 200;
    margin: 0;
    padding: 0.25rem 0;
    list-style: none;
    background: #fff;
    border: 1px solid var(--wgc-wizard-border, #e5e7eb);
    border-radius: var(--wgc-wizard-radius, 0.5rem);
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
    max-height: 260px;
    overflow-y: auto;
}

.wgc-places-item {
    padding: 0.55rem 0.875rem;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.wgc-places-item strong {
    font-weight: 600;
    color: inherit;
}

.wgc-places-item span {
    font-size: 0.8rem;
    color: #6b7280;
}

.wgc-places-item:hover,
.wgc-places-item--active {
    background: color-mix(in srgb, var(--wgc-wizard-brand, #4f46e5) 8%, transparent);
}

/* Adalace Quickscan (iframe) — volle breedte, voldoende hoogte */
.wgc-adalace-quickscan {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 1.5rem;
    /* line-height: 0 knipt inline/iframe-baseline layout af op sommige thema's */
    line-height: normal;
}

.wgc-adalace-quickscan__frame {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 480px;
    height: 800px;
    border: 0 !important;
    border-radius: 0.5rem;
    background: #ffffff;
    vertical-align: top;
}

@media (max-width: 640px) {
    .wgc-adalace-quickscan__frame {
        min-height: 400px;
        height: 720px;
    }
}