/* Formoj - Form Builder Layout & Structure */

/* Form container */
.formoj-form {
    max-width: 100%;
}

/* Helper text */
.formoj-form .form-text {
    font-size: 0.8125rem;
}

/* Required asterisk */
.formoj-form .text-danger {
    font-weight: bold;
}

/* Tags input */
.formoj-tags-input .form-control {
    cursor: text;
    min-height: calc(1.5em + 0.75rem + 2px);
    height: auto;
    padding: 0.25rem 0.5rem;
}

.formoj-tags-input .badge {
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 0.35em 0.5em;
}

.formoj-tags-input [data-formoj-tags-input] {
    min-width: 80px;
    flex-grow: 1;
    border: none;
    outline: none;
    padding: 0.15rem 0;
    font-size: inherit;
    background: transparent;
}

/* Repeater */
.formoj-repeater-item {
    position: relative;
    transition: box-shadow 0.15s ease-in-out;
}

.formoj-repeater-item.dragging {
    opacity: 0.5;
    border-style: dashed;
}

/* Color picker */
.form-control-color {
    width: 3rem;
    padding: 0.375rem;
}

/* Rich editor placeholder */
.formoj-richeditor {
    min-height: 200px;
}

/* File preview */
.formoj-file-preview {
    padding: 0.5rem;
    border-radius: 0.375rem;
}

.formoj-file-preview img {
    max-height: 150px;
    border-radius: 0.375rem;
}

/* Placeholder */
.formoj-placeholder {
    padding: 0.5rem 0;
}

/* Actions bar */
.formoj-actions {
    padding-top: 1rem;
}

/* Form check inline spacing */
.formoj-form .form-check-inline + .form-check-inline {
    margin-left: 0;
}

/* Collapsible section chevron rotation */
.card-header a[aria-expanded="true"] .icon-chevron-down {
    transform: rotate(180deg);
}

.card-header .icon-chevron-down {
    transition: transform 0.2s ease-in-out;
}