/* this overrides some of the bootstrap defaults for menu items*/

#favourites-list {
  z-index: 10000; /* so it goes over the buttons on the map */
  max-height: calc(100vh - 70px);
  overflow-y: auto;
}

#favourites-list .favourite-list {
  position: relative;
  margin: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  width: 100%;
}

#recents-list {
  margin: 0 0 -5px 0 !important;
}

/* ── Bookmark dropdown ─────────────────────────────────────── */

#bookmark-list {
  min-width: 280px;
}

#bookmark-list .dropdown-header i {
  color: #337ab7;
  margin-right: 4px;
}

/* Row: link fills available space, trash pins to the right */
#bookmark-list .bookmark-item {
  display: flex;
  align-items: center;
  padding-right: 4px;
}

#bookmark-list .bookmark-link {
  display: flex;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  padding: 5px 8px 5px 16px;
  color: #333;
  text-decoration: none;
  gap: 6px;
}

#bookmark-list .bookmark-link:hover,
#bookmark-list .bookmark-link:focus {
  background-color: #f5f5f5;
  color: #333;
  text-decoration: none;
}

/* Gold bookmark icon consistent with star buttons elsewhere */
#bookmark-list .bookmark-icon {
  color: #f0ad4e;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Text column: name on top, description below */
#bookmark-list .bookmark-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}

#bookmark-list .bookmark-name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#bookmark-list .bookmark-desc {
  display: block;
  font-size: 0.8em;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Trash button: muted until hovered */
#bookmark-list .remove-bookmark {
  flex-shrink: 0;
  color: #ccc;
  padding: 2px 6px;
  line-height: 1;
  box-shadow: none;
}

#bookmark-list .remove-bookmark:hover,
#bookmark-list .remove-bookmark:focus {
  color: #d9534f;
  text-decoration: none;
  box-shadow: none;
}

#bookmark-list .empty-placeholder a {
  color: #999;
  font-style: italic;
  pointer-events: none;
}

/* ── Recents dropdowns (accessed + modified) ───────────────── */

#recently-accessed-list,
#recently-modified-list {
  min-width: 280px;
}

#recently-accessed-list .dropdown-header i,
#recently-modified-list .dropdown-header i {
  color: #337ab7;
  margin-right: 4px;
}

#recently-accessed-list .recent-item,
#recently-modified-list .recent-item {
  display: flex;
  align-items: center;
}

#recently-accessed-list .recent-link,
#recently-modified-list .recent-link {
  display: flex;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  padding: 5px 8px 5px 16px;
  color: #333;
  text-decoration: none;
  gap: 6px;
}

#recently-accessed-list .recent-link:hover,
#recently-accessed-list .recent-link:focus,
#recently-modified-list .recent-link:hover,
#recently-modified-list .recent-link:focus {
  background-color: #f5f5f5;
  color: #333;
  text-decoration: none;
}

#recently-accessed-list .recent-icon {
  color: #5bc0de; /* info blue — recently viewed */
  flex-shrink: 0;
  margin-top: 2px;
}

#recently-modified-list .recent-icon {
  color: #5cb85c; /* success green — recently edited */
  flex-shrink: 0;
  margin-top: 2px;
}

#recently-accessed-list .recent-text,
#recently-modified-list .recent-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}

#recently-accessed-list .recent-name,
#recently-modified-list .recent-name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#recently-accessed-list .recent-desc,
#recently-modified-list .recent-desc {
  display: block;
  font-size: 0.8em;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#recently-accessed-list .recent-empty a,
#recently-modified-list .recent-empty a {
  color: #999;
  font-style: italic;
  pointer-events: none;
}