/* Styles spécifiques à la page Interprète & Coordinatrice */

/* Menu actif pour la page Interprète & Coordinatrice */
.page-interprete .nav-interprete {
    font-weight: bold;
}

h2 {
    font-size: 17px;
    margin-bottom: 0;
        /* réduit l’espace avec le paragraphe */
}

.video-inter {
    margin-top: var(--spacing-xxl);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: var(--spacing-xxl);
    margin-bottom: var(--spacing-xxxl);
}

.video-inter figure {
    width: min(100%, 25rem);/* mobile = 100%, grand écran = max 25rem */
    margin: 0;
}

.video-inter video {
    display: block;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}




.article-citation .caption {
    display: inline;
    font-weight: 500;
}

blockquote {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
}

p.no-margin {
    margin-top: 0;
    margin-bottom: var(--spacing-xs);

}

 .interprete a {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.8);
    color: #333;

    border-radius: 0.375rem;
    transition: all 0.3s ease;
    margin-bottom: var(--spacing-xl);
 
 
}

 .interprete a:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(0, 0, 0, 0.2);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}


/* ===== ACCESSIBILITE ===== */
.film-button:focus-visible,
.close-modal:focus-visible {
    outline: 2px solid var(--bleu-vif);
    outline-offset: 1px;
}