/* ==========================================
   Payment Terms Modal
========================================== */

body.payment-terms-open{
    overflow:hidden;
}

.payment-terms-overlay{

    position:fixed;
    inset:0;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:30px;

    background:rgba(17,24,39,.72);

    z-index:999999;

    transition:.3s ease;

}

.payment-terms-overlay.payment-terms-hidden{

    opacity:0;
    visibility:hidden;
    pointer-events:none;

}

.payment-terms-modal{

    width:100%;
    max-width:720px;

    background:#ffffff;

    border-radius:14px;

    overflow:hidden;

    box-shadow:
        0 30px 70px rgba(0,0,0,.30);

    animation:paymentTermsFade .35s ease;

}

.payment-terms-header{

    padding:28px 35px;

    background:#FCC84F;

    color:#fff;

}

.payment-terms-header h2{

    margin:0;
    font-size:26px;
    font-weight:700;

}

.payment-terms-header p{

    margin:8px 0 0;
    opacity:.9;

}

.payment-terms-body{

    padding:35px;

}

.payment-terms-content{

    border:1px solid #d9d9d9;

    background:#fafafa;

    border-radius:10px;

    padding:25px;

    max-height:360px;

    overflow-y:auto;

}

.payment-terms-content h3{
    font-size:24px;
    font-weight:bold;
    margin-top:0;

}

.payment-terms-content ul{

    margin:20px 0;
    padding-left:22px;

}

.payment-terms-content li{

    margin-bottom:10px;

}

.payment-terms-checkbox{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-top:28px;

    cursor:pointer;

    font-weight:600;

    line-height:1.5;

}

.payment-terms-checkbox input{

    width:22px;
    height:22px;

    margin-top:3px;

    cursor:pointer;

}

@keyframes paymentTermsFade{

    from{
        opacity:0;
        transform:translateY(25px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

@media (max-width:640px){

    .payment-terms-modal{

        max-width:100%;

    }

    .payment-terms-header{

        padding:22px;

    }

    .payment-terms-body{

        padding:22px;

    }

    .payment-terms-header h2{

        font-size:24px;

    }

}

/* Action Area */

.payment-terms-actions{

    margin-top:30px;

    text-align:right;

}

.payment-terms-btn{

    background:#0F4C81;

    color:#fff;

    border:0;

    border-radius:6px;

    padding:14px 30px;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.25s;

}

.payment-terms-btn:hover:not(:disabled){

    background:#0b3d67;

}

.payment-terms-btn:disabled{

    background:#c9c9c9;

    color:#777;

    cursor:not-allowed;

    opacity:.8;

}