/* Fix for action button visibility in Unfold admin theme */

/* Ensure the action button is visible */
.actions button[type="submit"],
.actions input[type="submit"],
button[name="index"],
input[name="index"],
.submit-row button[type="submit"],
.submit-row input[type="submit"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 8px 16px !important;
    background-color: #4A90E2 !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    margin-left: 10px !important;
}

/* Ensure action bar is visible */
.actions,
div.actions {
    display: flex !important;
    align-items: center !important;
    padding: 10px 0 !important;
    margin-bottom: 20px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Make sure the select dropdown and button are inline */
.actions select {
    display: inline-block !important;
    margin-right: 10px !important;
}

/* Fix for Unfold specific action button */
.unfold-actions button,
.unfold-actions input[type="submit"] {
    display: inline-block !important;
    visibility: visible !important;
}

/* Hover state for action button */
.actions button[type="submit"]:hover,
.actions input[type="submit"]:hover {
    background-color: #3a7bc8 !important;
}

/* Make sure action counter is visible */
.actions span.action-counter {
    display: inline-block !important;
    margin-left: 10px !important;
    font-size: 13px !important;
    color: #666 !important;
}

/* Fix for changelist actions */
#changelist .actions {
    display: flex !important;
    background: #f8f9fa !important;
    padding: 15px !important;
    border-radius: 4px !important;
    margin-bottom: 20px !important;
}

/* Ensure Go button is visible for actions */
.actions button[name="index"] {
    display: inline-block !important;
    margin-left: 10px !important;
}

/* Fix any z-index issues */
.actions,
.actions * {
    z-index: 10 !important;
}

/* Ensure dropdown (select) has readable colors: not white-on-white */
.actions select,
.unfold-actions select,
#changelist .actions select,
#changelist-form .actions select,
select[name="action"] {
    background-color: #ffffff !important;   /* white background */
    color: #1f2937 !important;              /* slate-800 text */
    border: 1px solid #d1d5db !important;   /* gray-300 border */
    border-radius: 6px !important;
    padding: 6px 10px !important;
    height: 36px !important;
    line-height: 24px !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
}

/* Ensure options are readable inside the dropdown list */
.actions select option,
.unfold-actions select option,
select[name="action"] option {
    background-color: #ffffff !important;
    color: #111827 !important; /* gray-900 */
}

/* Label next to dropdown (if any) */
.actions label[for="action"] {
    color: #374151 !important; /* gray-700 */
}