/*
    The two things the visa panel needs that the shared stylesheet does not have.

    The panel itself (.visa-requirements, .visa-selector, .visa-status-card and its colours) is styled by
    style.css, which has carried those rules since the port. What it lacks is the application link,
    and a result that is not yet shown.
*/

.visa-result[hidden] {
    display: none;
}

.visa-detail-item a.visa-apply {
    color: var(--color-gold);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.visa-detail-item a.visa-apply:hover,
.visa-detail-item a.visa-apply:focus {
    color: var(--color-gold-light);
}