.calcolatore-div {
    min-height: 5vh;
    display: flex;
    flex-direction: column;  
    align-items: center;
    justify-content: center;
}


.calcolatore-div form {
    width: 100%;
    max-width: 520px;
    display: flex;
    flex-direction: column;
    gap: 24px;                 
}

.calcolatore-btn{
	background-color:#ef644c!important;
	border-radius:12px!important;
	padding:10px 20px;
	color:white!important;
}

.calcolatore-btn:hover{
	background-color:white!important;
	color:black!important;
}

.calcolatore-div select{
	min-height:25px!important;
	border-radius:12px!important;
	padding:8px 12px!important;
	font-size:20px;
	color:black!important;
	background-color:white!important;
}

.calcolatore-div input{
	min-height:36px!important;
	border-radius:12px!important;
	padding:8px 12px!important;
	font-size:20px;
	color:black!important;
	border:none;
}

.calcolatore-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.calcolatore-row strong {
    min-width: 130px;
}

.calcolatore-risultati {
    width: 100%;
    max-width: 520px;
}

.calcolatore-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 32px;
}

.calcolatore-table th,
.calcolatore-table td {
    padding: 14px 16px;
    text-align: left;
    font-size: 16px;
}

.calcolatore-table th {
    color: #fff;
    font-weight: 600;
    opacity: 0.85;
}

.calcolatore-table td {
    text-align: right;
    color: #fff;
}

.calcolatore-table tr:not(.netto) {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.calcolatore-table tr.netto th,
.calcolatore-table tr.netto td {
    font-size: 18px;
    font-weight: 700;
    color: #ef644c;
    border-top: 2px solid rgba(239,100,76,0.5);
    padding-top: 18px;
}

.calcolatore-restart {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}


.calcolatore-chart{
	display:block;
	margin:30px auto;
}

.calcolatore-risultati {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* centra sempre il blocco risultati */
#costi-calcolatore .calcolatore-risultati,
#costi-calcolatore-inverso .calcolatore-risultati{
    width: 100% !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* centra sempre la canvas */
#costi-calcolatore canvas.calcolatore-chart,
#costi-calcolatore-inverso canvas.calcolatore-chart{
    display: block !important;
    margin: 30px auto !important;
    float: none !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
}



.calcolatore-fade{
    opacity:0;
    transform:translateY(10px);
    transition:opacity .35s ease, transform .35s ease;
}

.calcolatore-fade.show{
    opacity:1;
    transform:translateY(0);
}