:root,
[data-bs-theme="light"] {
  --mm-body-bg: #f4f6f8;
  --mm-cover-bg: #dce1e6;
  --mm-per-row-sm: 1;
  --mm-per-row-sm-overlay: 2;
  --mm-per-row-md: 4;
  --mm-per-row-lg: 6;
}

[data-bs-theme="dark"] {
  --mm-body-bg: #212529;
  --mm-cover-bg: #343a40;
  color-scheme: dark;
}

body {
  background-color: var(--mm-body-bg);
  min-height: 100vh;
}

.navbar-brand {
  font-weight: 600;
  letter-spacing: 0.02em;
}

.discFormat,
.links {
  white-space: nowrap;
}

#movies-grid {
  --mm-per-row: var(--mm-per-row-sm);
}

#movies-grid.details-hidden {
  --mm-per-row: var(--mm-per-row-sm-overlay);
}

@media (min-width: 768px) {
  #movies-grid,
  #movies-grid.details-hidden {
    --mm-per-row: var(--mm-per-row-md);
  }
}

@media (min-width: 992px) {
  #movies-grid,
  #movies-grid.details-hidden {
    --mm-per-row: var(--mm-per-row-lg);
  }
}

.theme-swatch-chip {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  border: 1px solid #6c757d;
}

.theme-swatch-light {
  background-color: #f4f6f8;
}

.theme-swatch-dark {
  background-color: #212529;
}

#theme-toggle .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.5rem;
}

#movies-grid > .movie {
  flex: 0 0 auto;
  width: calc(100% / var(--mm-per-row));
  min-width: 0;
}

.movie.is-filtered-out,
#movies-raw-body tr.is-filtered-out {
  display: none;
}

.cover {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 3;
  background-color: var(--mm-cover-bg);
}

.title {
  display: block;
  font-weight: bold;
  font-style: italic;
}

.vuduText {
}

.serverText {
}

.greenCheck {
  color: green;
  font-weight:bolder;
}

@media (max-width: 767.98px) {
  #movies-grid:not(.details-hidden) .movie:not(.is-filtered-out) {
    display: grid;
    grid-template-columns: calc(100% / var(--mm-per-row-sm-overlay)) 1fr;
    align-items: start;
    column-gap: 0.75rem;
  }

  #movies-grid:not(.details-hidden) .cover {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  #movies-grid:not(.details-hidden) .title {
    grid-column: 2;
    grid-row: 1;
  }

  #movies-grid:not(.details-hidden) .movie-details {
    grid-column: 2;
    grid-row: 2;
  }

  #movies-grid:not(.details-hidden) .movie-details .links,
  #movies-grid:not(.details-hidden) .movie-details .discFormat {
    white-space: normal;
  }
}

.details-hidden .movie:not(.is-filtered-out) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
}

.details-hidden .cover {
  grid-column: 1;
  grid-row: 1;
}

.details-hidden .title {
  grid-column: 1;
  grid-row: 2;
}

.details-hidden .movie-details {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  z-index: 1;
  display: none;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0.35em 0.4em;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}

.details-hidden .movie:hover .movie-details,
.details-hidden .movie.overlay-open .movie-details {
  display: block;
}

.details-hidden .movie-details a {
  color: #fff;
}

.details-hidden .movie-details .links,
.details-hidden .movie-details .discFormat {
  white-space: normal;
}

.cover-raw {
  display: block;
  width: 100px;
  height: auto;
  aspect-ratio: 2 / 3;
}

.hide-cover-br .cover-raw-br,
.hide-cover-lb .cover-raw-lb {
  display: none;
}