/**
 * Video YouTube d'article : [rr_youtube]
 *
 * Ratio 16/9 tenu par aspect-ratio, avec repli padding-top pour les navigateurs anciens.
 * Aucune couleur en dur : la charte peut rebasculer sans casser le rendu.
 */

.rr-youtube {
    position: relative;
    margin: 2rem 0;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    overflow: hidden;
    background: var(--color-primary, #040404);
    border: 1px solid var(--color-border, #e2e2de);
}

/* Repli pour les navigateurs sans aspect-ratio. */
@supports not (aspect-ratio: 16 / 9) {
    .rr-youtube {
        height: 0;
        padding-top: 56.25%;
    }
}

.rr-youtube__frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}