/* =====================================
   Carxis Loan Calculator
===================================== */

.carxis-loan{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.carxis-loan-row{
    margin-bottom:18px;
}

.carxis-loan-row label{
    display:block;
    font-size:14px;
    font-weight:600;
    color:#374151;
    margin-bottom:8px;
}

.carxis-loan-row input,
.carxis-loan-row select{
    display:block !important;
    width:100% !important;
    height:48px !important;
    padding:0 15px;
    box-sizing:border-box;

    border:1px solid #d1d5db;
    border-radius:8px;

    background:#fff !important;

    font-size:15px;
    color:#111827;

    opacity:1 !important;
    visibility:visible !important;

    appearance:auto !important;
    -webkit-appearance:auto !important;
    -moz-appearance:auto !important;

    position:relative;
    z-index:10;
}

.carxis-loan-row input:focus,
.carxis-loan-row select:focus{
    outline:none;
    border-color:#dc2626;
    box-shadow:0 0 0 3px rgba(220,38,38,.15);
}

.carxis-loan-result{
    margin-top:10px;
    background:#dc2626;
    border-radius:12px;
    padding:25px;
    text-align:center;
}

.carxis-loan-result span{
    display:block;
    color:#fff;
    font-size:14px;
    opacity:.9;
}

.carxis-loan-result h2{
    margin:8px 0 0;
    color:#fff;
    font-size:34px;
    font-weight:700;
}

/* Force native dropdown */
.carxis-loan .nice-select{
    display:none !important;
}

.carxis-loan select#carxis_year{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

@media(max-width:768px){

    .carxis-loan-row input,
    .carxis-loan-row select{
        height:44px !important;
    }

    .carxis-loan-result{
        padding:20px;
    }

    .carxis-loan-result h2{
        font-size:28px;
    }

}