/* style.css */

/* Stiluri generale pentru body */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Asigură că body-ul acoperă întreaga înălțime a ferestrei */
    background-color: #FFCDBB; /* Setează culoarea de fundal */
}

/* Stiluri pentru butonul Înapoi */
.back-button-container {
    text-align: center; /* Centrează butonul pe orizontală */
    margin: 20px 0;
}

.back-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #FF6600; /* Culoarea orange */
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.back-button:hover {
    background-color: #cc5200; /* Culoare mai închisă la hover */
}


/* Stiluri pentru header */
.header {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px;
    background-color: #979493;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Logo */
.logo {
    max-width: 90px; /* Ajustează dimensiunea logo-ului */
    height: auto;
}

/* Container principal */
.container {
    text-align: center;
    width: 90%;
    max-width: 800px;
    margin: 20px auto;
    flex: 1; /* Permite containerului să crească și să ocupe spațiul disponibil */
}

/* Stiluri pentru QR code */
.qr-container {
    margin: 20px 0;
    display: flex;
    justify-content: center;
}

.qr-text {
    margin: 20px 0;
}

/* Stiluri pentru butoane */
button {
    padding: 10px 20px;
    border: none;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    margin: 10px;
}

button:hover {
    background-color: #0056b3;
}

/* Stiluri pentru formular */
form {
    margin: 20px 0;
}

label {
    display: block;
    margin-bottom: 10px;
}

input[type="text"], input[type="color"], select {
    margin: 10px 0;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

/* Stiluri pentru footer */
footer {
    background-color: #979493; /* Fundal alb pentru footer */
    padding: 10px 20px; /* Spațiu intern pentru text */
    text-align: center; /* Centrarea textului */
    border-top: 1px solid #ddd; /* Linia de separare de restul conținutului */
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); /* Umbră subtilă */
    font-size: 14px; /* Dimensiune text */
    color: #333; /* Culoare text */
}

/* Stiluri pentru link-uri din footer */
.footer-link {
    color: #0056b3; /* Culoarea link-ului */
    text-decoration: none; /* Elimină sublinierea */
}

.footer-link:hover {
    text-decoration: underline; /* Adaugă sublinierea la hover */
}

/* Media Queries pentru dispozitive mobile */
@media (max-width: 600px) {
    .container {
        width: 95%;
    }

    .logo {
        max-width: 100px; /* Ajustează dimensiunea logo-ului pe dispozitive mobile */
    }
}