/* Fix for modal interactions - ensures forms are clickable */

/* Ensure modal has proper z-index */
.modal {
    z-index: 1055 !important;
    pointer-events: auto !important;
}

.modal-backdrop {
    z-index: 1050 !important;
    pointer-events: none !important;
}

/* Ensure modal structure is interactive */
.modal-dialog,
.modal-content,
.modal-body,
.modal-header,
.modal-footer {
    pointer-events: auto !important;
}

/* Ensure all form inputs in modals are fully interactive */
.modal input,
.modal textarea,
.modal select,
.modal button {
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
}

.modal input:not([type="radio"]):not([type="checkbox"]),
.modal textarea,
.modal select {
    cursor: text !important;
}

.modal button,
.modal .btn {
    cursor: pointer !important;
}

/* Ensure star rating is clickable */
.star-input {
    pointer-events: auto !important;
}

.star-input i {
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: color 0.2s ease, transform 0.2s ease;
}

.star-input i:hover {
    transform: scale(1.1);
}

/* Quick question buttons */
.quick-question {
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Fix for textarea in modals */
.modal textarea {
    resize: vertical;
    min-height: 100px;
    cursor: text !important;
}

/* Labels should not block clicks on their inputs */
.modal label {
    cursor: default;
}

/* But allow label clicks for checkboxes/radios */
.modal label[for] {
    cursor: pointer;
}

/* Ensure checkboxes and radios are clickable */
.modal input[type="radio"],
.modal input[type="checkbox"] {
    cursor: pointer !important;
}

/* Ensure form controls are never accidentally disabled */
.modal .form-control,
.modal .form-select {
    pointer-events: auto !important;
    cursor: text !important;
}

/* Remove any potential overlays or blockers */
.modal * {
    pointer-events: auto !important;
}

/* Override any Bootstrap defaults that might interfere */
.modal.show {
    display: block !important;
    pointer-events: auto !important;
}