/* Definicja zmiennych kolorystycznych */
:root {
    --dp-primary-color: #ed4f00; /* Pomarańczowy */
    --dp-secondary-color: #141f33; /* Ciemny granat */
}

.dp-invoice-form-wrapper .card-header {
    background-color: var(--dp-secondary-color);
    border-bottom: 3px solid var(--dp-primary-color);
}

.dp-invoice-form-wrapper .btn-primary {
    background-color: var(--dp-primary-color);
    border-color: var(--dp-primary-color);
    padding: 12px;
    font-size: 1.1rem;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.dp-invoice-form-wrapper .btn-primary:hover {
    background-color: #d14600; /* Ciemniejszy pomarańczowy */
    border-color: #d14600;
}

.dp-invoice-form-wrapper .btn-primary:focus,
.dp-invoice-form-wrapper .btn-primary:active {
    box-shadow: 0 0 0 0.2rem rgba(237, 79, 0, 0.5);
}

.dp-invoice-form-wrapper .form-control:focus {
    border-color: var(--dp-primary-color);
    box-shadow: 0 0 0 0.2rem rgba(237, 79, 0, 0.25);
}

.dp-invoice-form-wrapper .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--dp-primary-color);
    border-color: var(--dp-primary-color);
}

.dp-invoice-form-wrapper .custom-file-input:focus ~ .custom-file-label {
    border-color: var(--dp-primary-color);
    box-shadow: 0 0 0 0.2rem rgba(237, 79, 0, 0.25);
}

.dp-invoice-form-wrapper .custom-file-label::after {
    background-color: var(--dp-secondary-color);
    color: #fff;
}

/* Style dla przycisku w trakcie wysyłania */
.btn.is-loading .btn-text {
    display: none;
}
.btn.is-loading .spinner-border {
    display: inline-block !important;
}