.qrcode-wrapper {
    max-width: 700px;
    margin: 40px auto;
    padding: 20px;
    font-family: Arial, sans-serif;
}

/* ----- TITRE PRINCIPAL ----- */
.page-title {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    background: #0b5482;
    color: white;
    padding: 15px;
    border-radius: 8px;
}

/* ----- NOM DU CLIENT ----- */
.customer-name {
    text-align: center;
    font-size: 24px; /* augmenté */
    font-weight: bold;
    color: white; /* demandé */
    margin-bottom: 30px;
}

/* ----- LISTE DES TICKETS ----- */
.tickets-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ticket-card {
    border: 2px dashed #4db2a9;
    padding: 15px;
    border-radius: 12px;
    background: #ffffff;
}

.ticket-event {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.ticket-seat {
    font-size: 16px;
    margin-bottom: 15px;
}

/* ----- VALIDÉ ----- */
.ticket-valid {
    font-size: 18px;
    font-weight: bold;
    color: green;
    margin-bottom: 15px;
}

/* ----- CENTRER LE BOUTON ----- */
.ticket-card {
    text-align: center; /* centre le bouton et l'état validé */
}

/* ----- BOUTON VALIDER ----- */
.btn-validate {
    display: inline-block;
    padding: 10px 18px;
    background: #4db2a9;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
}

.btn-validate:hover {
    background: #3a9088;
}