/*
 * WayzAway Add Event menu styling
 * Presentation only — no navigation or application logic.
 */

a[href="/event/add"].v-list-item .v-list-item__prepend > .v-icon {
  color: #f50057 !important;
  opacity: 1 !important;
  margin-inline-end: 8px !important;
}

/*
 * Vuetify can insert a spacer between prepend icon and content.
 * Collapse it so the label sits naturally beside the icon.
 */
a[href="/event/add"].v-list-item .v-list-item__prepend .v-list-item__spacer {
  width: 0 !important;
  min-width: 0 !important;
}

/*
 * Prevent the prepend container itself adding another large gap.
 */
a[href="/event/add"].v-list-item .v-list-item__prepend {
  margin-inline-end: 0 !important;
  min-width: auto !important;
}

/*
 * WayzAway account-menu vertical alignment R1.
 *
 * Add Event is the first navigation entry.
 * Giving it a 0.25mm top margin moves the complete
 * navigation block below it down by the same amount,
 * without altering the spacing between menu rows.
 */
a[href="/event/add"].v-list-item {
  margin-top: 0.25mm !important;
}