/* --- STILURI VIDEO DE BAZĂ --- */
.video-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

video {
    display: block;
    width: 100%;
}

/* --- PAGINA INDEX (Secțiunea Experiență) --- */
#experienta .content-video-container {
    display: flex;
    align-items: center;
    /* ALINIERE PE MIJLOC: Videoclipul va sta centrat vertical față de text */
    gap: 3rem;
}

#experienta .content-left,
#experienta .content-right {
    flex: 1;
}

#experienta .video-container {
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

#experienta video {
    height: auto;
    /* Păstrează proporția naturală a clipului */
}

/* --- PAGINA GALERIE (Rămâne neschimbat, uniform cu pozele) --- */
#galerie .content-middle {
    margin: 1rem 0;
    width: 100%;
}

#galerie .video-container {
    height: 400px;
    border-radius: 8px;
}

#galerie .video-content {
    height: 100%;
    object-fit: cover;
}

/* --- RESPONSIVITATE --- */
@media (max-width: 768px) {
    #galerie .video-container {
        height: 250px;
    }

    #experienta .video-container {
        border-radius: 12px;
    }

    #experienta .content-video-container {
        flex-direction: column;
        gap: 2rem;
    }
}