/* Transitievergoeding-Calculator — component-styling.
   Geladen door templates/components/tools/transitievergoeding_calculator.html
   zelf (zelfde patroon als components/faq/mini_faq.html). */

/* "Weet je alleen je uurloon?"-toggle: een <button> i.p.v. <a> (geen
   navigatie, puur UI-toggle), maar Bootstrap's .btn-klasse zet een eigen
   font-size/line-height die niet overeenkomt met de omringende
   .form-text (16px/24px vs 14px/21px) — daardoor oogt de link niet op
   dezelfde regel. Reset naar de tekst-context i.p.v. button-chrome. */
.tv-calculator .btn-link-inline {
    font: inherit;
    line-height: inherit;
    vertical-align: baseline;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    color: var(--rf-red);
    text-decoration: underline;
    cursor: pointer;
}

.tv-calculator .btn-link-inline:hover {
    text-decoration: none;
}

/* Onderhandel-teaser in het resultaat-kaartje. */
.tv-onderhandel-teaser {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 1rem;
    padding-top: 1rem;
}