/* Fix validation icons alignment in Django Admin with Unfold */
/* Target the specific wrapper used by Django Admin related widgets */
.related-widget-wrapper {
    display: inline-flex !important;
    /* Force inline-flex container */
    align-items: center !important;
    gap: 0.5rem !important;
    width: auto !important;
}

/* Force links (icons) to be inline */
.related-widget-wrapper>a {
    display: inline-flex !important;
    float: none !important;
    /* Override potential floats */
    margin-left: 5px !important;
    width: auto !important;
    height: auto !important;
}

/* Reset image styles if any */
.related-widget-wrapper img {
    display: inline-block !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

/* Ensure the select box is inline-block */
.related-widget-wrapper select {
    display: inline-block !important;
    width: auto !important;
    flex: 1;
}

/* Tailwind reset overrides */
.related-widget-wrapper a.related-widget-wrapper-link {
    display: inline-flex !important;
    text-decoration: none;
}