/* /generateur-carte-anniversaire — complète prenom.css */

#annivSheet { display: block; width: 100%; height: auto; }

/* Ligne prénom + âge côte à côte */
.anniv-row {
    display: grid;
    grid-template-columns: 1fr 92px;
    gap: 10px;
    align-items: end;
}
#annivName, #annivAge {
    width: 100%;
    padding: 14px 16px;
    font-family: var(--font);
    font-size: 1.5rem;
    font-weight: 800;
    border: 2px solid var(--border);
    border-radius: var(--radius);
    background: #fff;
    color: var(--text);
    text-align: left;
}
#annivAge { text-align: center; padding-left: 8px; padding-right: 8px; }
#annivName:focus, #annivAge:focus { outline: none; border-color: var(--primary); }

/* Puces d'âge : on réutilise .chip de prenom.css et on ajoute l'état actif. */
.age-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.age-chips .chip { min-width: 38px; text-align: center; }
.age-chips .chip.is-active {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

/* Impression : le sélecteur #prenomSheet de prenom.css ne cible pas notre svg. */
@media print {
    #annivSheet { width: 100%; height: auto; }
}