/*
Theme Name: Tracks Child
Template: tracks
Description: Thème enfant de Tracks avec vidéo YouTube en en-tête
Version: 1.0.0
*/

/* Container pour la vidéo YouTube en en-tête */
.youtube-header-container {
    position: relative;
    width: 100%;
    max-width: 800px; /* Largeur maximale */
    height: 400px; /* Hauteur fixe */
    margin: 2rem auto; /* Centrer et ajouter des marges */
    overflow: hidden;
    background: #000;
}

.youtube-header-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Sur tablette */
@media (max-width: 1024px) {
    .youtube-header-container {
        max-width: 90%;
        height: 350px;
    }
}

/* Sur mobile */
@media (max-width: 768px) {
    .youtube-header-container {
        max-width: 100%;
        height: 250px;
        margin: 1rem auto;
    }
}

/* Si vous voulez ajuster la hauteur, changez les valeurs ci-dessus :
   - Desktop : height: 400px; (ajustez à votre goût : 300px, 350px, 450px, etc.)
   - Tablette : height: 350px;
   - Mobile : height: 250px;
*/