/*
 * CSS plano, sin anidar: este fichero se sirve tal cual (no pasa por Less ni Sass), y los navegadores
 * sin anidamiento nativo de CSS (anteriores a 2023) descartan las reglas anidadas.
 */
.header__message {
    min-height: 40px;
    z-index: 1;
}

.header__message .communications-message {
    display: flex;
}

.header__message .communications-message .message {
    text-align: center;
    padding: 5px 0;
    margin: 0;
    width: 100%;
}

/*
 * El enlace toma el color y el tamano configurados en el mensaje (el style del contenedor), no el
 * color global de los enlaces del tema (a { color } y a:hover { color } de _base.scss).
 */
.header__message .communications-message .message .communications-message__link,
.header__message .communications-message .message .communications-message__link:hover,
.header__message .communications-message .message .communications-message__link:focus {
    color: inherit;
    font-size: inherit;
}

.header__message .communications-message .message .communications-message__link {
    text-decoration: underline;
}

.header__message .communications-message .message .communications-message__link:hover,
.header__message .communications-message .message .communications-message__link:focus {
    text-decoration: none;
}

.header__message .communications-message .message .communications-message__link:focus-visible {
    outline: 1px dotted currentColor;
    outline-offset: 2px;
}

/*
 * La regla global .message *:first-child:before del tema (_messages.scss) alcanza al enlace por ser
 * el primer hijo del .message. Hoy no pinta icono porque solo las variantes .message-error,
 * -info, -notice, -warning y -success le dan content; se anula aqui para que no aparezca un icono
 * posicionado encima del texto si el contenedor llega a llevar una de esas variantes.
 */
.header__message .communications-message .message .communications-message__link:before {
    content: none;
}