#calcolatore-vantaggi-TRS {
/* background-image: linear-gradient(180deg, #6CCDEE 0%, #8AE9C9 100%); */
border-radius: 10px;
padding: 2px;
color: #000;
font-family: "Ubuntu","Century Gothic",sans-serif;
}

@media (min-width: 992px) {
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner.open section.calcolatore-title {
max-width: unset;
text-align: center;
}
}
@media (min-width: 992px) {
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-title {
text-align: left;
max-width: 484px;
}
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-title {
text-align: center;
}


@media (min-width: 992px) {
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner.open section.calcolatore-title p:first-of-type {
font-size: 25px;
line-height: 35px;
}
}
@media (min-width: 992px) {
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-title p:first-of-type {
font-size: 34px;
line-height: 44px;
}
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-title p:first-of-type {
font-weight: bold;
color: #162056;
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.calculator-section .calcolatore-title p:first-of-type {
font-size: 35px !important;
line-height: 45px !important;
}
}

#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner.open section.calcolatore-input-area {
margin-bottom: 40px;
}
@media (min-width: 992px) {
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area {
margin: 0 20px;
}
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area {
margin: 0 0 40px;
}

@media (min-width: 992px) {
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area>p {
font-size: 15px;
line-height: 25px;
}
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area>p {
text-align: center;
font-size: 14px;
line-height: 26px;
margin-top: 0;
margin-bottom: 15px;
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner .tooltip-father {
position: relative;
}




@media (min-width: 992px) {
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner .tooltip-father .tooltip.upper {
top: -75px;
max-width: 365px;
}
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner .tooltip-father .tooltip.upper {
top: -90px;
max-width: 300px;
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner .tooltip-father .tooltip {
background-image: linear-gradient(180deg, #DCF8EF 0%, #D3F0FA 100%);
border-radius: 10px;
position: absolute;
top: 56px;
left: 0;
padding: 12px 20px 14px 12px;
text-align: left;
opacity: 0;
transition: all .5s;
font-size: 12px;
line-height: 15px;
font-weight: 400;
color: #000;
}

#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner small {
color: #162056;
font-size: 13px;
}
*:focus {
outline: none;
}
@media screen and (min-width: 768px) {
p.small, p small {
font-family: "Ubuntu","Century Gothic",sans-serif;
font-style: normal;
font-size: 14px;
line-height: 24px;
letter-spacing: .5px;
}
}





#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area>div {
display: flex;
justify-content: center;
}
.calculator-section .calcolatore-input-area>div {
font-family: "Ubuntu","Century Gothic",sans-serif;
}


#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area>div .modify-button.active {
border-color: #162056;
color: #162056;
cursor: pointer;
pointer-events: auto;
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area>div .modify-button {
height: 45px;
width: 45px;
min-width: 45px;
border: 1px solid #e5e5ff;
background-color: #fff;
color: #e5e5ff;
font-size: 22px;
font-weight: 900;
border-radius: 10px;
padding: 0;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner a, #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner button {
text-decoration: none;
cursor: pointer;
color: inherit;
}

#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area>div>div {
position: relative;
margin: 0 20px;
}

#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area>div>div input {
display: block;
height: 45px;
font-size: 22px;
line-height: 43px;
text-align: center;
font-weight: 400;
border-radius: 10px;
border: 1px solid #162056;
background-color: #fff;
color: #162056;
padding: 0;
cursor: pointer;
box-sizing: border-box;
position: relative;
width: 100%;
min-width: 148px;
}
.calculator-section .calcolatore-input-area>div input {
font-family: "Ubuntu","Century Gothic",sans-serif;
}

#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area>div>div::after {
position: absolute;
right: 20px;
top: 2px;
content: "\20AC";
font-size: 24px;
line-height: 40px;
font-weight: 500;
display: none;
color: #162056;
}



#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area button {
color: #fff;
background-color: #162056;
border-radius: 100px;
font-size: 17px;
line-height: 20px;
font-weight: bold;
padding: 15px 40px;
/* margin: 0 auto; */
text-align: center;
border: none;
min-width: 237px;
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner a, #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner button {
text-decoration: none;
cursor: pointer;
color: inherit;
}
.calculator-section .calcolatore-open-area>button {
font-family: "Ubuntu","Century Gothic",sans-serif;
}

#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area {
width: 100%;
max-width: 575px;
margin:auto;
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area, #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-disclaimer-area, #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-nav-area {
display: none;
}

#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul {
margin: 0 0 40px 0;
padding: 0;
}

@media (min-width: 992px) {
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li:first-of-type {
font-size: 17px;
}
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li:first-of-type {
color: #162056;
font-weight: bold;
font-size: 16px;
line-height: 25px;
}
@media (min-width: 992px) {
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li {
font-size: 17px;
}
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li {
list-style: none;
padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
display: flex;
font-size: 15px;
line-height: 25px;
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner .tooltip-father {
position: relative;
}

@media (min-width: 992px) {
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li {
font-size: 17px;
}
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li {
list-style: none;
padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
display: flex;
font-size: 15px;
line-height: 25px;
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner .tooltip-father {
position: relative;
}

#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li {
list-style: none;
font-size: 15px;
line-height: 25px;
}
@media (min-width: 992px) {
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li {
font-size: 17px;
}
}

#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li .calcolatore-row-text {
margin-right: auto;
}

#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li .calcolatore-row-result, #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li .calcolatore-row-currency {
text-align: right;
font-weight: bold;
color: #28c0d4;
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li .calcolatore-row-result {
width: 66px;
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li .calcolatore-row-result, #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li .calcolatore-row-currency {
text-align: right;
font-weight: bold;
color: #28c0d4;
}

#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-disclaimer-area {
width: 100%;
max-width: 575px;
margin:auto;
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area, #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-disclaimer-area, #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-nav-area {
display: none;
}


@media (min-width: 992px) {
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-disclaimer-area p:first-of-type {
font-size: 17px;
}
}
#calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-disclaimer-area p:first-of-type {
margin: 0 0 5px 0;
color: #162056;
font-weight: bold;
font-size: 16px;
line-height: 25px;
}

#calcolatore-input-area-input-dipendenti {
display: block;
height: 30px;
font-size: 20px;
line-height: 30px;
text-align: center;
font-weight: 400;
border-radius: 10px;
border: 1px solid #162056;
background-color: #fff;
color: #162056;
padding: 0;
cursor: pointer;
box-sizing: border-box;
position: relative;
width: 100%;
min-width: 50;
}

/* --- Toggle formato buono --- */
#calcolatore-vantaggi-TRS .calcolatore-format{
  margin-top: 12px;
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
#calcolatore-vantaggi-TRS .calcolatore-format .format-option{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #e5e5ff;
  background: #fff;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 13px;
  color: #162056;
  cursor: pointer;
}
#calcolatore-vantaggi-TRS .calcolatore-format input[type="radio"]{
  accent-color: #162056;
}

/* --- Box assunzioni --- */
#calcolatore-vantaggi-TRS .calcolatore-assunzioni{
  background-image: linear-gradient(180deg, #DCF8EF 0%, #D3F0FA 100%);
  border-radius: 10px;
  padding: 12px 14px;
  margin: 0 0 14px 0;
}
#calcolatore-vantaggi-TRS .calcolatore-assunzioni ul{
  margin: 8px 0 0 18px;
  padding: 0;
  font-size: 13px;
  line-height: 18px;
  color: #000;
}


/* --- Aggiorna calcoli dipendenti --- */
#calcolatore-vantaggi-TRS .dipendenti-wrap{display:flex;gap:10px;align-items:center;}
#calcolatore-vantaggi-TRS .dipendenti-wrap #calcolatore-input-area-input-dipendenti{width:auto;flex:1;}
#calcolatore-vantaggi-TRS .dipendenti-wrap .dipendenti-apply{height:30px;padding:0 12px;border:0;border-radius:10px;background:#28c0d4;color:#fff;font-size:14px;cursor:pointer;white-space:nowrap;}
#calcolatore-vantaggi-TRS .dipendenti-wrap .dipendenti-apply:active{transform:translateY(1px);}

.euro-value{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.euro-value .amount{text-align:right}

/* --- Mobile fixes (prevent overlapping values + improve readability) --- */
@media (max-width: 576px) {
  #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li{
    flex-wrap: wrap;
    gap: 6px;
  }
  #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li .calcolatore-row-text{
    flex: 1 1 100%;
  }
  #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li .calcolatore-row-result{
    margin-left: auto;
  }
  .euro-value{
    justify-content: flex-end;
  }
  /* dipendenti input + button stack nicely */
  .dipendenti-wrap{
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
  }
  .dipendenti-wrap input{
    flex: 1 1 140px;
  }
  .dipendenti-wrap button{
    flex: 0 0 auto;
  }
}


/* --- Mobile: stack 3 inline blocks vertically --- */
@media (max-width: 576px) {
  #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-open-area,
  #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul {
    display: block;
  }

  #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li {
    flex-direction: column;
    align-items: flex-start;
  }

  #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-result-area ul li .calcolatore-row-result {
    margin-left: 0;
    width: 100%;
    text-align: left;
  }

  .euro-value {
    justify-content: flex-start;
  }
}


/* --- Mobile: stack (-) value (+) controls vertically --- */
@media (max-width: 576px) {
  #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area>div{
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area>div > div{
    width: 100%;
    max-width: 240px;
  }
  #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner section.calcolatore-input-area>div .modify-button{
    width: 100%;
    max-width: 240px;
  }
  #calcolatore-vantaggi-TRS .calcolatore-vantaggi-inner .calcolatore-format{
    width: 100%;
    max-width: 420px;
  }
}


/* --- Compact UI (global) --- */
#calcolatore-vantaggi-TRS {
  font-size: 14px;
}
#calcolatore-vantaggi-TRS p {
  margin-bottom: 8px;
}
#calcolatore-vantaggi-TRS .calcolatore-title p:first-child {
  font-size: 18px;
}
#calcolatore-vantaggi-TRS .calcolatore-title p:last-child {
  font-size: 14px;
}
#calcolatore-vantaggi-TRS input {
  padding: 6px 8px;
}
#calcolatore-vantaggi-TRS button {
  padding: 6px 10px;
}
#calcolatore-vantaggi-TRS .modify-button {
  height: 38px;
  width: 38px;
  min-width: 38px;
  font-size: 18px;
}
#calcolatore-vantaggi-TRS section.calcolatore-input-area {
  margin-bottom: 20px;
}
#calcolatore-vantaggi-TRS section.calcolatore-result-area ul li {
  padding: 10px 0;
  font-size: 14px;
}

/* --- Extra compact on mobile --- */
@media (max-width: 576px) {
  #calcolatore-vantaggi-TRS {
    font-size: 13px;
  }
  #calcolatore-vantaggi-TRS .calcolatore-title p:first-child {
    font-size: 16px;
  }
  #calcolatore-vantaggi-TRS .modify-button {
    height: 34px;
    width: 34px;
    min-width: 34px;
    font-size: 16px;
  }
  #calcolatore-vantaggi-TRS section.calcolatore-result-area ul li {
    padding: 8px 0;
  }
}