/* 
 * Trix Theme Override
 * This file specifically overrides ActionText/Trix default styling
 * to match our custom theme colors.
 */

/* Force override all Trix button colors with maximum specificity */
html body trix-toolbar .trix-button,
html body trix-toolbar .trix-button:not(:disabled),
html body trix-toolbar .trix-button:not(:first-child),
html body trix-toolbar .trix-button:disabled,
html body trix-toolbar .trix-button:hover,
html body trix-toolbar .trix-button:focus {
    color: var(--color-input-text, #1f2937) !important;
}

/* Dark mode specific overrides */
html body.dark trix-toolbar .trix-button,
html body.dark trix-toolbar .trix-button:not(:disabled),
html body.dark trix-toolbar .trix-button:not(:first-child),
html body.dark trix-toolbar .trix-button:disabled,
html body.dark trix-toolbar .trix-button:hover,
html body.dark trix-toolbar .trix-button:focus {
    color: #f3f4f6 !important;
}

/* Active state */
html body trix-toolbar .trix-button.trix-active {
    background-color: var(--color-bg-primary, #2563eb) !important;
    color: white !important;
}

/* Force override using attribute selector as well */
trix-toolbar .trix-button[disabled] {
    color: var(--color-input-text, #1f2937) !important;
    opacity: 0.4 !important;
}

html body.dark trix-toolbar .trix-button[disabled] {
    color: #f3f4f6 !important;
    opacity: 0.4 !important;
}