/* === AJOUTS POUR LA PAGE VIDEO === */

/* Logo classique en haut de page */
.header-logo {
    display: block;
    margin: 0 auto 30px auto; 
    width: 80%;
    max-width: 220px;
    filter: drop-shadow(0px 8px 12px rgba(0,0,0,0.6));
}

/* Conteneur de la vidéo YouTube (Version réduite et centrée) */
.video-wrapper {
    width: 75%; /* Réduit la largeur par rapport au conteneur (ajustable selon tes goûts) */
    margin: 0 auto 25px auto; /* Le "auto" à gauche et à droite centre parfaitement le lecteur */
    aspect-ratio: 16 / 9; /* Garde automatiquement les proportions du clip YouTube */
    border-radius: 16px; /* Légèrement réduit pour être raccord avec la nouvelle taille */
    border: 3px solid #1a2026; /* J'ai passé la bordure à 3px pour qu'elle soit moins lourde */
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    background-color: #000; 
    overflow: hidden;
}

.video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none; /* Assure qu'il n'y a pas de double bordure moche */
}
    
    /* On réutilise ta grosse bordure foncée */
    border: 4px solid #1a2026; 
    
    margin-bottom: 25px; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    background-color: #000; 
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Modificateur pour centrer un bouton sans image à l'intérieur */
.btn-center {
    justify-content: center;
    padding: 14px 20px;
}

.btn-center .link-text {
    padding-right: 0; /* Annule la marge prévue pour les miniatures */
}