/* remove underline on cards */
a.card,
a.card:visited,
a.card-header,
a.card-header:visited {
  text-decoration: none;
}

/* icon padding in log play modal */
#logPlayModal i.bi.bi-bookmark-fill,
#logPlayModal i.bi.bi-eye-fill {
  margin-left: 0.25rem;
}

#logPlayModalTitle a, #logPlayModalTitle a:visited {
  color: var(--bs-heading-color);
}

html[data-movie-list-view="posters"] #moviePosterView {
  display: flex !important;
}

html[data-movie-list-view="posters"] #movieTableView,
html[data-movie-list-view="table"] #moviePosterView {
  display: none !important;
}

html[data-movie-list-view="table"] #movieTableView {
  display: block !important;
}

.poster-grid {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}

.dashboard-card-grid {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0.75rem;
  margin-bottom: 0.75rem;
}

.poster-link {
  transition: filter 150ms ease-in-out;
}

.poster-link:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: -2px;
}

.poster-rating {
  top: 6px;
  right: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 0.8rem;
}

.poster-footer {
  padding: 0.2rem 0.25rem;
}