﻿
/* Poniższe dodane po to aby ujednolicić i ustalić kolor tła blokowanych pól w formularzu. */
input:disabled,
textarea:disabled,
select:disabled {
    background-color: #DCDCDC !important; /* DarkGray color #D3D3D3 */
    color: #212f3c !important; /* Optional: Darker text color */
    border-color: #808080; /* Optional: Border color */
    opacity: 1; /* Reset opacity for better visibility */
}

.rz-dropdown.rz-state-disabled {
    background-color: #DCDCDC !important; /* Darker background */
    color: #212f3c !important; /* Darker font color */
    border-color: #808080; /* Optional: border color */
}


/* Base: looks like a normal Radzen button */
.rz-fileupload .rz-fileupload-choose {
    border: none;
    border-radius: var(--rz-border-radius);
    padding: 0.5rem 1rem;
    font-size: var(--rz-button-font-size, 0.875rem);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    box-shadow: var(--rz-button-box-shadow, 0 2px 4px rgba(0, 0, 0, 0.1));
}

/* Default (Primary) button style */
.rz-fileupload .rz-fileupload-choose {
    background-color: var(--rz-primary);
    color: var(--rz-on-primary);
}

    .rz-fileupload .rz-fileupload-choose:hover:not(.rz-state-disabled) {
        background-color: var(--rz-primary-dark);
        color: var(--rz-on-primary-dark);
    }

    .rz-fileupload .rz-fileupload-choose:active:not(.rz-state-disabled) {
        background-color: var(--rz-primary-darker, #004c99);
    }

/* Secondary */
.rz-fileupload.rz-button-secondary .rz-fileupload-choose,
.rz-fileupload.secondary .rz-fileupload-choose {
    background-color: var(--rz-secondary);
    color: var(--rz-on-secondary);
}

    .rz-fileupload.rz-button-secondary .rz-fileupload-choose:hover:not(.rz-state-disabled),
    .rz-fileupload.secondary .rz-fileupload-choose:hover:not(.rz-state-disabled) {
        background-color: var(--rz-secondary-dark);
        color: var(--rz-on-secondary-dark);
    }

/* Success */
.rz-fileupload.rz-button-success .rz-fileupload-choose,
.rz-fileupload.success .rz-fileupload-choose {
    background-color: var(--rz-success);
    color: var(--rz-on-success);
}

    .rz-fileupload.rz-button-success .rz-fileupload-choose:hover:not(.rz-state-disabled),
    .rz-fileupload.success .rz-fileupload-choose:hover:not(.rz-state-disabled) {
        background-color: var(--rz-success-dark);
        color: var(--rz-on-success-dark);
    }