/* Keeps Overview weather chips clear of the right-side add-plan + button.
   Scoped only to the Overview/Home day cards. */

#friendsTab .overview-day-card .overview-day-card-header {
  position: relative;
  padding-right: clamp(30px, 6vw, 40px) !important;
  column-gap: 10px;
}

#friendsTab .overview-day-card .overview-day-card-actions {
  min-width: 0;
  max-width: 100%;
  padding-right: 0 !important;
}

#friendsTab .overview-day-card .overview-weather-pill {
  max-width: clamp(92px, 30vw, 150px);
  overflow: hidden;
}

#friendsTab .overview-day-card .overview-weather-temp {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#friendsTab .overview-day-card .overview-day-add-plan-button {
  right: clamp(10px, 2.8vw, 16px) !important;
  z-index: 6;
}

#friendsTab .overview-day-card.is-overview-day-compact .overview-day-card-header {
  padding-right: 32px !important;
}

@media (max-width: 420px) {
  #friendsTab .overview-day-card .overview-day-card-header {
    padding-right: 30px !important;
    gap: 8px;
  }

  #friendsTab .overview-day-card .overview-weather-pill {
    max-width: 112px;
  }

  #friendsTab .overview-day-card .overview-day-add-plan-button {
    right: 10px !important;
  }
}

@media (max-width: 350px) {
  #friendsTab .overview-day-card .overview-weather-pill {
    max-width: 96px;
  }
}