/* Author Box -- E-E-A-T signal sous les articles
 *
 * Cycle 127 -- patch contraste accessibilite (WCAG AA mini, AAA cible).
 * Bug observe : `.alfred-author-box__bio` en var(--alfred-text-muted, #767676)
 * sur background var(--alfred-primary, #0a0a0a) = OK contraste, MAIS sur theme
 * clair (alfred-primary devient blanc/clair selon la palette du site) le texte gris
 * disparait. Idem `.alfred-author-box--top` transparent -> texte gris pale
 * sur fond blanc theme.
 *
 * Fix : utiliser var(--alfred-text, ...) pour le contenu principal (bio, top)
 * et garder muted uniquement pour les meta secondaires.
 */

.alfred-author-box {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin: 40px 0 20px;
    padding: 24px;
    border-top: 2px solid var(--alfred-accent, #00ff41);
    background: var(--alfred-primary, #0a0a0a);
    border-radius: 0 0 6px 6px;
}

.alfred-author-box__photo img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.alfred-author-box__info {
    flex: 1;
    min-width: 0;
}

.alfred-author-box__name {
    font-size: 1.1em;
    font-weight: 700;
    margin: 0 0 2px;
    color: var(--alfred-text-on-primary, #ffffff);
}

.alfred-author-box__title {
    font-size: 0.9em;
    margin: 0 0 8px;
    color: var(--alfred-accent, #00ff41);
    font-weight: 500;
}

.alfred-author-box__bio {
    font-size: 0.95em;
    margin: 0 0 12px;
    /* Cycle 142 -- retour Monsieur : bio en BLANC pur sur le fond bordeaux
     * (l'opacity 0.92 la faisait percevoir comme grise). */
    color: var(--alfred-text-on-primary, #ffffff);
    line-height: 1.6;
}

.alfred-author-box__link {
    font-size: 0.9em;
    /* Lisible sur le fond primaire (bordeaux) du bloc auteur : couleur sur-primaire
     * + soulignement pour l'affordance (cycle 142, retour Monsieur). */
    color: var(--alfred-text-on-primary, #ffffff);
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 600;
}

.alfred-author-box__link:hover {
    opacity: 0.85;
}

/* Author Box TOP -- version compacte avant l'introduction.
 * Cycle 127 -- patch contraste : utilise `--alfred-text` (couleur principale
 * du theme = OPPOSE du background) et fond legerement teinte pour delimiter
 * la zone sans la rendre invisible.
 */

.alfred-author-box--top {
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 0 0 24px;
    padding: 12px 16px;
    border-top: none;
    border-left: 3px solid var(--alfred-accent, #00ff41);
    background: var(--alfred-surface-muted, rgba(0, 0, 0, 0.04));
    border-radius: 4px;
    font-size: 0.92em;
    color: var(--alfred-text, #1a1a1a);
}

.alfred-author-box--top__photo {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.alfred-author-box--top__text [itemprop="name"] {
    font-weight: 700;
    color: var(--alfred-text, #1a1a1a);
}

.alfred-author-box--top__text [itemprop="jobTitle"] {
    color: var(--alfred-text, #1a1a1a);
    opacity: 0.78;
}

/* Mobile */
@media (max-width: 600px) {
    .alfred-author-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 12px;
        padding: 20px 16px;
    }
}