/* Aji Manager — ACF conditional visibility override
 * When ACF hides fields via inline `display:none`, we keep them visible
 * but make them non-interactive and low-opacity. Also ensure focusable
 * elements are disabled to prevent interaction.
 */

.aji-acf-conditional-hidden {
    display: block !important;
    opacity: 0.45 !important;
    pointer-events: none !important;
}

/* Additionally, add a visual separator on field wrapper to show it's disabled */
.aji-acf-conditional-hidden .acf-label {
    color: #6c757d !important;
    /* muted label */
}

.aji-acf-conditional-hidden .acf-input input,
.aji-acf-conditional-hidden .acf-input textarea,
.aji-acf-conditional-hidden .acf-input select,
.aji-acf-conditional-hidden .acf-input button {
    cursor: not-allowed !important;
}

/* For accessibility: show an overlay to block clicks in complex markup */
.aji-acf-conditional-hidden .aji-acf-block-overlay {
    position: absolute;
    inset: 0;
    z-index: 10;
}

/* Ensure the wrapper is relative for overlay positioning */
.aji-acf-conditional-hidden .acf-field {
    position: relative;
}