/*
 * EXT:charset — only what the shared styling does not already cover.
 *
 * The notice reuses the EXT:contact classes (.alert.alert-danger, .alert-link,
 * .form-control-feedback.invalid-feedback), so colours, spacing and typography come from
 * the project theme. Everything below is specific to this extension.
 */

.tx-charset-notice[dir='rtl'] {
    text-align: right;
}

.tx-charset-notice__title {
    display: block;
    margin-bottom: 0.5rem;
}

.tx-charset-notice__languages ul {
    margin: 0.25rem 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

/* Set off from the language links: it warns about what clicking one of them costs. */
.tx-charset-notice__languages-hint {
    margin-top: 0.75rem;
}

.tx-charset-notice__hint {
    font-weight: 700;
}

/* The form stays visible while locked — the visitor must see what is blocked. */
.tx-charset-locked {
    opacity: 0.5;
}