/* ---------------------------------------------------- */
/* Page d'aide /contact : complète authen.css (même      */
/* carte que les pages de connexion)                     */
/* (journal/suppression_ci4_global.md)                   */
/* ---------------------------------------------------- */
.rqs-contact-card {
    max-width: 460px;
}

/* le bouton "Écrire un email" est un lien : authen.css colore tous les liens
   de la carte en vert (.rqs-auth-card a:not(.rqs-auth-brand)), on garde le texte blanc */
.rqs-auth-card a.btn-rqs,
.rqs-auth-card a.btn-rqs:hover,
.rqs-auth-card a.btn-rqs:active {
    color: #fff;
    text-decoration: none;
}

/* bloc adresse : icône, adresse, bouton Copier */
.rqs-contact-email {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .85rem;
    margin-bottom: 1rem;
    padding: .9rem 1rem;
    background-color: var(--rqs-green-light);
    border: 1px solid var(--rqs-green-mid);
    border-radius: .5rem;
}
.rqs-contact-email-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #fff;
    border-radius: 50%;
    color: var(--rqs-green);
    font-size: 1.25rem;
}
.rqs-contact-email-text {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}
.rqs-contact-email-label {
    color: var(--rqs-text-muted);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.rqs-contact-email-value {
    color: var(--rqs-text);
    font-size: 1.05rem;
    font-weight: 700;
    overflow-wrap: anywhere;
    user-select: all;
}
.rqs-contact-copy {
    flex-shrink: 0;
    background-color: #fff;
    border-color: var(--bs-border-color);
    color: var(--rqs-text-muted);
}
.rqs-contact-copy:hover,
.rqs-contact-copy:focus-visible {
    background-color: #fff;
    border-color: var(--rqs-green);
    color: var(--rqs-green);
}
.rqs-contact-copy.is-copied,
.rqs-contact-copy.is-copied:hover {
    background-color: var(--rqs-green);
    border-color: var(--rqs-green);
    color: #fff;
}

/* repli si la copie automatique est impossible (texte affiché par contact.js) */
.rqs-contact-copy-status {
    margin: -.5rem 0 1rem;
    color: var(--rqs-text-muted);
    font-size: .85rem;
    text-align: center;
}

/* conseils pour une réponse rapide */
.rqs-contact-tips {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--rqs-green-mid);
}
.rqs-contact-tips h2 {
    margin-bottom: .75rem;
    color: var(--rqs-text);
    font-size: .95rem;
    font-weight: 700;
}
.rqs-contact-tips ul {
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
}
.rqs-contact-tips li {
    display: flex;
    gap: .6rem;
    margin-bottom: .5rem;
    color: var(--rqs-text);
    font-size: .92rem;
}
.rqs-contact-tips li i {
    margin-top: .1rem;
    color: var(--rqs-green);
}
.rqs-contact-warning {
    display: flex;
    gap: .6rem;
    margin: 0;
    padding: .6rem .8rem;
    background-color: #fff8e6;
    border-left: 3px solid #e0a800;
    border-radius: .35rem;
    color: #5c4400;
    font-size: .88rem;
}

.rqs-contact-self {
    margin: 1.25rem 0 0;
    color: var(--rqs-text-muted);
    font-size: .92rem;
    text-align: center;
}

@media (max-width: 576px) {
    .rqs-contact-copy {
        flex-basis: 100%;
    }
}