.prox-kredit-wrapper{
    margin-top:0px;
}

/* Dugme Kupi na kredit */
.prox-kredit-open-btn{
    background-color:#0062cc !important;
    color:#fff !important;
    border:none;
    transition:background-color 0.3s;
    text-transform:uppercase !important;
    letter-spacing:0.5px;
}

.prox-kredit-open-btn:hover{
    background-color:#009ed0 !important;
}

.prox-kredit-modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    display:flex;
    justify-content:center;
    align-items:flex-start;
    z-index:99999;
    overflow:auto;
    padding:40px 10px;
}

.prox-kredit-modal{
    background:#fff;
    border-radius:10px;
    max-width:700px;
    width:100%;
    padding:20px 24px;
    position:relative;
    box-shadow:0 6px 18px rgba(0,0,0,.2);
    animation:proxKreditFade .25s ease-out;
}

@keyframes proxKreditFade{
    from{opacity:0;transform:translateY(-6px);}
    to{opacity:1;transform:translateY(0);}
}

/* X zatvaranje gore desno */
.prox-kredit-modal-close{
    position:absolute !important;
    top:-24px !important;
    right:-14px !important;
    border:none;
    background:#c10003 !important;
    font-size:22px;
    cursor:pointer;
    line-height:1;
    color:#000 !important;          /* crveni X */
    border-radius: 12px !important;
}

.prox-kredit-modal-close:hover{
    color:#ff0033;          /* malo jači crveni na hover, opcionalno */
}

.prox-kredit-modal-title{
    margin:0 0 6px;
    font-size:18px;
    font-weight:600;
}

.naslov-iznad{
    font-size:14px;
    font-weight:400;
    color:#c10003;
    font-style: italic;
}

.prox-kredit-modal-price{
    margin-bottom:12px;
    font-size:14px;
}

.prox-kredit-form{
    font-size:14px;
}

.prox-kredit-field-group{
    margin-bottom:10px;
    text-align:left;
}

.prox-kredit-field-group label{
    display:block;
    font-weight:600;
    margin-bottom:3px;
    font-size:13px;
}

.prox-kredit-field-group input,
.prox-kredit-field-group select,
.prox-kredit-field-group textarea{
    width:100%;
    border:1px solid #ddd;
    border-radius:4px;
    font-size:14px;
padding:3px 10px !important;
}

/* Napomena – max 1–2 reda vizuelno */
.prox-kredit-form textarea.prox-kredit-note{
    min-height:22px !important;
    max-height:48px !important;
    resize:none !important; /* da ga ne razvlače */
}

/* 2 inputa u jednom redu */
.prox-kredit-field-row{
    display:flex;
    gap:10px;
}
.prox-kredit-field-row .prox-kredit-field-group{
    flex:1;
}

.prox-kredit-radio-group{
    display:flex;
    gap:12px;
    font-size:13px;
    margin-top:4px;
}

.prox-kredit-calculation{
    margin:10px 0;
    padding:8px 10px;
    background:#fafafa;
    border-radius:6px;
    font-size:13px;
    text-align:left;
}
.prox-kredit-calculation div{
    margin:2px 0;
}

/* BOJE DUGMETA POŠALJI */
.prox-kredit-submit{
    margin-top:6px;
    width:100%;
    background:#438e44 !important;  /* zelena pozadina */
    color:#fff !important;
    border:none;
    border-radius:999px;
    padding:9px 14px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
}
.prox-kredit-submit:hover{
    background:#099500 !important;  /* jača zelena na hover */
}

.prox-kredit-message{
    margin-top:8px;
    font-size:13px;
    padding:6px 8px;
    border-radius:4px;
}
.prox-kredit-message.success{
    color:#155724;
    background:#d4edda;
    border:1px solid #c3e6cb;
}
.prox-kredit-message.error{
    color:#721c24;
    background:#f8d7da;
    border:1px solid #f5c6cb;
}

@media(max-width:600px){
    .prox-kredit-modal{
        padding:18px 16px;
    }
    .prox-kredit-field-row{
        flex-direction:column;
    }
}