/* ============================================================
   NTRA - Lista viaggio: form di creazione / modifica
   (area utente e wizard "lista regalo"). Campi: .ntra-field-*
   (ntra-shared-ui.css); bottone: .bottone (style.css).
   ============================================================ */

.ntra-travel-list-form {display: flex; flex-direction: column; gap: 5px; max-width: 416px;}
.ntra-travel-list-form .bottone {align-self: flex-start; margin: 13px 0 0;}

.ntra-travel-list-presets {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 5px;}
.ntra-travel-list-preset-option {display: flex; flex-direction: column; align-items: center; gap: 5px; width: 67px; font-size: var(--nta-fs-xs); font-weight: 700; cursor: pointer;}
.ntra-travel-list-preset-option input {margin: 0;}
.ntra-travel-list-preset-swatch {display: block; width: 45px; height: 45px; border: var(--nta-border); border-radius: 50%;}

.ntra-travel-list-custom-colors {display: flex; gap: 13px; margin-top: 8px;}
.ntra-travel-list-custom-colors .ntra-field-label {margin-top: 0;}
.ntra-travel-list-custom-colors input[type="color"] {width: 45px; height: 30px; padding: 2px; background: var(--nta-white); border: var(--nta-border); border-radius: var(--nta-field-radius);}

.ntra-travel-list-current-cover img {display: block; max-width: 176px; margin: 5px 0; border: var(--nta-border); border-radius: var(--nta-field-radius);}