/* HTMX uses opacity to hide the indicator as default -> override */
.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator {
    display: block;
}

/* when hx-indicator targets the element directly */
.htmx-indicator.htmx-request {
    display: block;
}
    .field-row .read-view {
        display: block;
    }

    .field-row .edit-view {
        display: none;
    }

    .edit-view .mb-3 {
        margin-bottom: 0 !important;
    }

    /* Wanneer de kaart in edit-mode staat, toon overal de inputs */
    .card.is-editing .field-row .read-view {
        display: none;
    }

    .card.is-editing .field-row .edit-view {
        display: block;
    }

    .field-row .form-label {
        display: none;
    }

    form input[type=text] {
        padding: 0;
        border: none;
        border-bottom: 1px solid #6c757d;
        border-radius: 0;
    }


    .ticket-card.active .ticket-item{
        background-color: var(--aradoo-light-grey);
    }