/* === GLOBALNA KOREKTA DLA IKON FONT AWESOME (jasny/ciemny motyw) === */

/* domyślny kolor ikon – zgodny z kolorem tekstu motywu */
.fa-solid,
.fa-regular,
.fa-brands {
    color: var(--bs-body-color);
    transition: color 0.2s ease;
}

/* ikony w linkach / przyciskach typu link */
.dx-button.dx-button-mode-link .fa-solid,
.dx-button.dx-button-mode-link .fa-regular,
.dx-button.dx-button-mode-link .fa-brands {
    color: var(--bs-body-color);
}

/* po najechaniu – zachowaj widoczność, ale z lekkim zaakcentowaniem */
.dx-button.dx-button-mode-link:hover .fa-solid,
.dx-button.dx-button-mode-link:hover .fa-regular,
.dx-button.dx-button-mode-link:hover .fa-brands {
    color: var(--bs-primary-text-emphasis, var(--bs-primary));
}

/* Motyw ciemny */
html[data-bs-theme="dark"] .fa-solid,
html[data-bs-theme="dark"] .fa-regular,
html[data-bs-theme="dark"] .fa-brands {
    color: #f0f0f0;
}

/* Motyw jasny */
html[data-bs-theme="light"] .fa-solid,
html[data-bs-theme="light"] .fa-regular,
html[data-bs-theme="light"] .fa-brands {
    color: #222;
}





/* === NAPRAWA KONTRASTU KOMUNIKATÓW W TRYBACH LIGHT / DARK === */

/* Komunikaty ASP Identity / StatusMessage */
.alert,
#blazor-error-ui,
.info-message {
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid rgba(0,0,0,0.15);
}

/* Walidacje (text-danger) */
.text-danger {
    color: #b00020 !important; /* ciemniejszy czerwony, lepszy kontrast */
}

/* W trybie ciemnym (DevExpress Dark Theme) */
:root[theme*="Dark"] .alert,
:root[theme*="Dark"] #blazor-error-ui,
:root[theme*="Dark"] .info-message {
    color: #fff !important;
    background-color: #2b2b2b !important;
    border-color: rgba(255,255,255,0.2);
}

:root[theme*="Dark"] .text-danger {
    color: #ff8080 !important;
}