/* DirectPayNet brand overrides */

.tailor-header {
    position: relative;
    overflow: hidden;
    background-color: transparent !important;
    background-image: linear-gradient(130deg, #FF5D0F 0%, #FFBA00 89%) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Blob overlay — separate from gradient so we can control opacity */
.tailor-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('../images/dpn-header-blob.png');
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    opacity: 0.15;
    pointer-events: none;
}

/* Keep logo and nav links above the blob overlay */
.tailor-header .container {
    position: relative;
    z-index: 1;
}

.tailor-header img {
    max-height: 44px;
    width: auto;
}

@media (max-width: 576px) {
    .tailor-header::before {
        background-size: 350% auto;
        background-position: center top;
    }
}

a:not(.chosen-single, .previous) {
    color: #FF5D0F!important;
}

.tailor-header a,
.tailor-header .container a {
    color: #fff!important;
}

.btn-primary,
.dropdown-toggle-split.btn-primary,
.form-check-input:checked,
.steps-list.steps-list-icons .steps-list-step.steps-list-step-active:before {
    background-color: #FF5D0F!important;
    border-color: #FF5D0F!important;
}

.btn-primary:hover,
.btn-group.grouped:hover .btn-primary,
.btn-group.grouped:hover .btn-primary + .dropdown-toggle-split {
    background-color: #e04e00!important;
    border-color: #e04e00!important;
}

.form-control:focus {
    border-color: #FF5D0F!important;
}

.steps-list .steps-list-step:before,
.text-primary,
.inputDnD .form-control-file {
    color: #FF5D0F!important;
}

.steps-list.steps-list-icons .steps-list-step:before {
    color: #AABAD6!important;
}

.steps-list.steps-list-icons .steps-list-step.steps-list-step-active:before {
    color: #fff!important;
}

.steps-list.steps-list-icons .steps-list-step.steps-list-step-active:last-child:before {
    background-color: #49BF55!important;
    border-color: #49BF55!important;
}

.inputDnD .form-control-file:before {
    background-color: rgba(255, 93, 15, 0.05);
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23FF5D0F' stroke-width='2' stroke-dasharray='11%2c 11%2c 11' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}