/*      body {

            font-family: Arial, sans-serif;

            background-color: #f4f4f4;

            margin: 0;

            padding: 20px;

        }

*/

        h1, h2 {

            color: #333;

        }



        .person-info {

            background: white;

            padding: 20px;

            margin-bottom: 20px;

            border-radius: 8px;

            box-shadow: 0 2px 8px rgba(0,0,0,0.1);

        }



        .validat-block {

            color: green;

            font-weight: bold;

        }



        .waiting-block {

            color: orange;

            font-weight: bold;

        }



        form {

            background: #f9f9f9;

            padding: 15px;

            border-radius: 8px;

            margin-top: 20px;

            box-shadow: 0 1px 4px rgba(0,0,0,0.2);

        }



        label {

            display: block;

            margin-bottom: 10px;

            font-size: 14px;

        }



        input[type="text"] {

            width: calc(100% - 22px);

            padding: 10px;

            border: 1px solid #ccc;

            border-radius: 4px;

            margin-bottom: 10px;

        }



        input[type="checkbox"] {

            margin-right: 10px;

        }



        button {

            background: #28a745;

            color: white;

            border: none;

            border-radius: 4px;

            padding: 10px 15px;

            cursor: pointer;

            transition: background 0.3s;

        }



        button:hover {

            background: #218838;

        }



        @media (max-width: 600px) {

            body {

                padding: 10px;

            }



            input[type="text"] {

                width: 100%;

            }

        }

/* navigarea */
.pagination {
    display: flex; 
    justify-content: center; 
    flex-wrap: wrap; /* Permite elementelor să se aranjeze pe mai multe rânduri la dimensiuni mai mici */
    margin: 20px 0; 
}

.pagination a {
    display: inline-block;
    padding: 10px 15px;
    margin: 5px; /* Am eliminat marginile orizontale separate pentru a evita spațiile mari pe mobil */
    background-color: #007bff; 
    color: white; 
    text-decoration: none;
    border-radius: 5px; 
    transition: background-color 0.3s ease; 
    font-size: 14px; /* Dimensiune font standard */
}

/* Stiluri pentru dimensiuni mici */
@media (max-width: 480px) {
    .pagination a {
        padding: 8px 10px; /* Dimensiuni mai mici ale butoanelor pe mobil */
        font-size: 12px; 
    }
}

.pagination a:hover {
    background-color: #0056b3; 
}

.pagination a:active {
    background-color: #004085;
}

.pagination a[style*="font-weight:bold;"] {
    background-color: #0056b3; 
    pointer-events: none;
}