/* Custom styles for DevExpress Bootstrap-based themes */
/* This file provides additional styling for BlazingBerry, BlazingDark, Purple, OfficeWhite, and Bootstrap themes */

/* Ensure proper color inheritance for all themes */
:root {
    color-scheme: light dark;
}

/* General DevExpress control adjustments */
.dxbl-menu,
.dxbl-grid,
.dxbl-edit-box,
.dxbl-btn,
.dxbl-combobox,
.dxbl-masked-input {
    color: inherit;
}

/* Fix for navbar menu items to ensure proper coloring */
.dxbl-menu .dxbl-menu-item {
    color: var(--dxbl-card-color, var(--dxbl-body-color, currentColor));
}

/* Hover states for menu items in light themes */
.dxbl-menu .dxbl-menu-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

/* Dark theme specific adjustments */
.dxbl-blazing-dark .dxbl-menu .dxbl-menu-item:hover,
[data-bs-theme="dark"] .dxbl-menu .dxbl-menu-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Ensure active/selected states are visible */
.dxbl-menu .dxbl-menu-item.dxbl-active,
.dxbl-menu .dxbl-menu-item.dxbl-selected {
    background-color: var(--dxbl-btn-primary-bg, rgba(0, 0, 0, 0.1));
    color: var(--dxbl-btn-primary-color, currentColor);
}

/* Fix for hamburger button visibility */
.dxbl-menu-hamburger-button {
    color: inherit;
    background-color: transparent;
}

.dxbl-menu-hamburger-button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

[data-bs-theme="dark"] .dxbl-menu-hamburger-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Ensure Bootstrap theme compatibility */
.dxbl-bootstrap .dxbl-menu {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
}

/* Grid and data controls */
.dxbl-grid-header-cell,
.dxbl-grid-data-cell {
    color: inherit;
    border-color: var(--bs-border-color, rgba(0, 0, 0, 0.1));
}

/* Button styling consistency */
.dxbl-btn-primary {
    background-color: var(--bs-primary, #1b6ec2);
    border-color: var(--bs-primary, #1b6ec2);
    color: white;
}

.dxbl-btn-secondary {
    background-color: var(--bs-secondary, #6c757d);
    border-color: var(--bs-secondary, #6c757d);
    color: white;
}

/* Input and form controls */
.dxbl-edit-box,
.dxbl-textbox,
.dxbl-combobox {
    border-color: var(--bs-border-color, #ced4da);
    background-color: var(--bs-body-bg, white);
    color: var(--bs-body-color, black);
}

.dxbl-edit-box:focus,
.dxbl-textbox:focus,
.dxbl-combobox:focus {
    border-color: var(--bs-primary, #1b6ec2);
    box-shadow: 0 0 0 0.25rem rgba(27, 110, 194, 0.25);
}