/* Stiluri pentru fundalul video în header */
.video-background {
    position: absolute; /* Plasăm video-ul relativ față de header */
    top: 0;
    left: 0;
    width: 100%; /* Video-ul se întinde pe toată lățimea header-ului */
    height: 100%; /* Video-ul se întinde pe toată înălțimea header-ului */
    z-index: -1; /* Asigurăm că video-ul este sub conținutul header-ului */
    overflow: hidden;
}

/* Asigură-te că video-ul se redă complet pe fundal */
.video-background video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Se întinde pe toată lățimea header-ului */
    height: 100%; /* Se întinde pe toată înălțimea header-ului */
    object-fit: cover; /* Video-ul se va adapta la dimensiunile header-ului fără a se distorsiona */
}

/* Stiluri pentru header */
header {
    position: relative; /* Permite suprapunerea conținutului peste video */
    color: rgb(0, 0, 0); /* Asigură-te că textul este vizibil pe fundal */
    padding: 0; /* Elimină padding suplimentar */
    z-index: 0; /* Header-ul rămâne sub bara de meniu fixată */
    height: 500px; /* Ajustează dimensiunea header-ului */
    display: flex;
    flex-direction: column; /* Conținutul este aranjat vertical */
    justify-content: flex-end; /* Conținutul este poziționat jos */
    align-items: center; /* Centrează conținutul pe orizontală */
}

/* Stiluri pentru bara de navigație fixată */
.navbar {
    position: fixed; /* Fixează bara în partea de sus */
    top: 0;
    left: 0;
    width: 100%; /* Se întinde pe toată lățimea paginii */
    z-index: 1000; /* Asigură-te că bara rămâne deasupra altor elemente */
    background-color: rgba(0, 0, 0, 0.8); /* Fundal semitransparent pentru navbar */
    color: white;
    padding: 15px 20px; /* Dimensiunea corectă a padding-ului pentru bara fixă */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Adaugă o umbră subtilă */
    font-size: 16px; /* Textul din bara să fie vizibil și proporționat */
}

/* Ajustare pentru a lăsa loc în pagina principală sub navbar */
body {
    padding-top: 70px; /* Adaugă un spațiu egal cu înălțimea navbar-ului */
}

/* Stiluri pentru imaginea din header */
header img.robots_img {
    width: 600px; /* Menține proporțiile imaginii */
    height: 600px; /* Lasă browserul să calculeze dimensiunea corectă */
    max-height: 10%; /* Imaginea se ajustează să nu depășească header-ul */
    margin: 0; /* Elimină orice margine implicită */
    align-self: flex-end; /* Imaginea este poziționată exact la baza header-ului */
}
/* Stil pentru imaginea mărită */