/**
 * Conditional Logic Styles for Lola Form Builder
 */

/* Hidden fields */
.lfb-field-hidden {
    display: none !important;
}

/* Smooth transitions for show/hide */
.lfb-form-field[data-conditional="true"] {
    transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
}

/* Optional: Add a fade effect when fields appear */
.lfb-form-field[data-conditional="true"]:not(.lfb-field-hidden) {
    animation: lfbFadeIn 0.3s ease-in-out;
}

@keyframes lfbFadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}