
/* === Icon-Farben: Einheitlich via Bootstrap-Theme-Variablen === */

.fa-solid:not(.disabled),
.fa-light:not(.disabled),
.fa-regular:not(.disabled),
.fa-thin:not(.disabled),
.fa-sharp:not(.disabled),
.fa-brands:not(.disabled),
.fa-sharp-solid:not(.disabled),
.fa-sharp-regular:not(.disabled),
.fa-sharp-light:not(.disabled),
.fa-sharp-thin:not(.disabled) {
    color: rgba(var(--bs-primary-rgb), 1);
}

/* === Duotone: Zweifarbige Icons via FA CSS Custom Properties === */

.fa-duotone:not(.disabled) {
    --fa-primary-color: rgba(var(--bs-dark-rgb), 0.75);
    --fa-primary-opacity: 1;
    --fa-secondary-color: rgba(var(--bs-primary-rgb), 1);
    --fa-secondary-opacity: 0.5;
}


/* === Custom Sizes === */

.fa-4xl {
    font-size: 2.5rem;
}

/* === UDM Icon-Groessen: Absolute rem-Werte ===
   Unabhaengig von der Container-Schriftgroesse.
   Werden von UiIconHelper.Create() verwendet. */
.udm-icon-xs  { font-size: 0.85rem !important; }
.udm-icon-sm  { font-size: 1rem !important; }
.udm-icon-md  { font-size: 1.25rem !important; }
.udm-icon-lg  { font-size: 1.5rem !important; }
.udm-icon-xl  { font-size: 2rem !important; }
.udm-icon-2xl { font-size: 2.5rem !important; }
.udm-icon-3xl { font-size: 3rem !important; }


/* === Input-Icon States === */

.udm-input-icon.error {
    --fa-secondary-color: var(--bs-danger) !important;
    --fa-primary-color: var(--bs-danger) !important;
    color: var(--bs-danger) !important;
}

.udm-input-icon.warning {
    --fa-secondary-color: var(--bs-warning) !important;
    --fa-primary-color: var(--bs-warning) !important;
    color: var(--bs-warning) !important;
}


/* === Legacy Size-Mappings (DevExpress Image-Kompatibilität) === */

.fa-1x {
    font-size: 0.75rem;
    --dxbl-image-width: 0.75rem !important;
    --dxbl-image-height: 0.75rem !important;
}

.fa-2x {
    font-size: 1rem;
    --dxbl-image-width: 1rem !important;
    --dxbl-image-height: 1rem !important;
}

.fa-3x {
    font-size: 1.25rem;
    --dxbl-image-width: 1.25rem !important;
    --dxbl-image-height: 1.25rem !important;
}

.fa-4x {
    font-size: 1.5rem;
    --dxbl-image-width: 1.5rem !important;
    --dxbl-image-height: 1.5rem !important;
}
