/* Button Style Overrides 
 * This file ensures that the old button styles don't override our new pixel button styles.
 */

/* Reset generic button styles to prevent interference */
button {
    background-color: transparent !important;
    color: inherit !important;
    border: 1px solid transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-weight: normal !important;
}

/* Override menu button styles */
.menu-left-buttons button, 
.menu-right-buttons button {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    width: auto !important;
    height: auto !important;
}

.menu-left-buttons button:hover, 
.menu-right-buttons button:hover {
    background-color: transparent !important;
}

/* Override help dialog button */
#close-help-dialog {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

#close-help-dialog:hover {
    background-color: transparent !important;
}

/* Override dialog buttons */
.dialog-buttons button.cancel,
.dialog-buttons button.confirm {
    background-color: transparent !important;
}

/* Override inventory and control buttons */
.inventory-controls button,
.avatar-controls button,
.whisper-controls button {
    min-width: auto !important;
    font-size: inherit !important;
    padding: 0 !important;
}

/* Make sure all buttons use the pixel button styling */
#reset-avatar-button,
#save-avatar-button,
#erase-color-button,
#use-color-button,
#send-whisper-button {
    /* Ensure these specific buttons always have correct styling */
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

/* Override disabled button styles */
button:disabled {
    background-color: transparent !important;
    color: inherit !important;
    cursor: not-allowed !important;
    /* Don't add opacity here, we'll control it in the .button-text */
}

/* Make sure disabled pixel-action-buttons show properly */
.pixel-action-button:disabled .button-text {
    color: #305050 !important; 
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 !important;
}

/* Reset any disabling of pointer events that might be preventing clicks */
.pixel-action-button:not([disabled]) {
    pointer-events: auto !important;
}

/* Only use pixel button disabled style for buttons that are pixel action buttons */
button:disabled:not(.pixel-action-button) {
    opacity: 0.5; /* Fallback for non-pixel buttons */
}

/* Ensure dialog buttons container doesn't interfere with positioning */
.dialog-buttons {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
    gap: 10px;
}