/*
 * mod_vtcalc — deliberately minimal.
 *
 * These calculators sit inside article bodies, so the surrounding template owns
 * the typography. Anything here that is not strictly structural will fight the
 * Cassiopeia child template being built for the Joomla 4 migration.
 */

.vtcalc {
    margin: 1em 0;
}

.vtcalc .vtcalc-step {
    margin-bottom: .5em;
}

.vtcalc-table {
    border-collapse: collapse;
    margin-bottom: 1em;
    max-width: 100%;
}

.vtcalc-table td,
.vtcalc-table th {
    border: 1px solid #bdc4c7;
    padding: .35em .6em;
    text-align: left;
    vertical-align: top;
}

.vtcalc-table tr.vtcalc-heading th {
    background: #eef3f7;
}

.vtcalc-table tr.vtcalc-invalid td {
    background: #fdf0f0;
}

.vtcalc-table tr.vtcalc-invalid input {
    border: 1px solid #c00;
}

.vtcalc .vtcalc-note {
    color: #666;
    font-weight: normal;
}

.vtcalc-result {
    font-size: 1.1em;
}

.vtcalc-error {
    color: #c00;
}

.vtcalc-ok {
    color: #060;
}

.vtcalc-warning {
    border-left: 3px solid #c00;
    color: #c00;
    margin: 1em 0;
    padding-left: .8em;
}

.vtcalc-filters {
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
}

.vtcalc-filters li {
    margin: .15em 0;
}

.vtcalc-filters code {
    font-size: .95em;
}

.vtcalc .vtcalc-actions {
    margin-top: .8em;
}

.vtcalc .vtcalc-back {
    margin-right: 1.5em;
}

/* The cleaner's textareas are fixed at 100 cols in the markup; keep them from
   pushing the article wider than the page on a phone. */
.vtcalc textarea {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}