/**
 * Bloc « Résumer avec ».
 *
 * Présentation : un titre, puis une rangée de logos de marque à 24 px, sans
 * cartouche ni libellé. Les logos monochromes (OpenAI, Grok) héritent de la
 * couleur configurée via --resumeaivo-icon-color ; les autres conservent leurs
 * couleurs de marque.
 */

.resumeaivo-block {
    margin: 28px 0;
}

.resumeaivo-block .resumeaivo-title {
    margin: 0 0 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: inherit;
}

.resumeaivo-links {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
    margin: 0;
    padding: 0;
}

.resumeaivo-item {
    margin: 0;
    padding: 0;
}

.resumeaivo-item:before {
    /* Neutralise les puces ajoutées par certains thèmes. */
    content: none;
}

.resumeaivo-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    background: none;
    text-decoration: none;
    color: inherit;
    line-height: 1;
    text-decoration: none;
}

.resumeaivo-link:hover,
.resumeaivo-link:focus-visible {
    text-decoration: none;
}

.resumeaivo-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 6px;
    border-radius: 4px;
}

.resumeaivo-icon {
    display: inline-flex;
    flex: none;
    width: 24px;
    height: 24px;
    color: var(--resumeaivo-icon-color, currentColor);
    /* L'agrandissement porte sur l'icône seule : faire varier l'opacité
       délaverait les couleurs de marque. */
    transition: transform .18s ease, filter .18s ease;
    transform-origin: center;
}

.resumeaivo-link:hover .resumeaivo-icon,
.resumeaivo-link:focus-visible .resumeaivo-icon {
    transform: scale(1.18);
    filter: drop-shadow(0 3px 7px rgba(0, 0, 0, .22));
}

.resumeaivo-link:active .resumeaivo-icon {
    transform: scale(1.05);
    transition-duration: .06s;
}

.resumeaivo-icon svg {
    width: 24px;
    height: 24px;
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .resumeaivo-icon {
        transition: none;
    }

    .resumeaivo-link:hover .resumeaivo-icon,
    .resumeaivo-link:focus-visible .resumeaivo-icon,
    .resumeaivo-link:active .resumeaivo-icon {
        transform: none;
    }
}

/* Variante [resume_ai labels="yes"] : libellé affiché à côté du logo. */
.resumeaivo-has-labels .resumeaivo-links {
    gap: 18px;
}

.resumeaivo-label {
    font-size: 14px;
    font-weight: 500;
}

@media (max-width: 480px) {
    .resumeaivo-links {
        gap: 18px;
    }
}

/* Bouton « Copier en Markdown » — [resume_ai markdown="yes"] */

.resumeaivo-copy {
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    color: inherit;
    -webkit-appearance: none;
    appearance: none;
}

.resumeaivo-copy[disabled] {
    opacity: .5;
    cursor: progress;
}

.resumeaivo-copy .resumeaivo-icon {
    color: var(--resumeaivo-icon-color, currentColor);
}

.resumeaivo-copy-label {
    font-weight: 500;
}