/* Movie CSS pattern */
.movie-wrapper {
  border: solid 1px var(--wp--preset--color--cyan-bluish-gray);
  border-radius: 1rem;
}
.wp-block-columns.movie-wrapper {
  padding: 1rem;
}

.wp-block-column.movie-image-wrapper figure img {
  border-radius: 1rem;
}

.wp-block-column.movie-description-wrapper > p{
  margin: 5px 0;
}

.wp-block-columns.movie-wrapper-rating {
  margin-top: 0;
  align-items: center;
}
.wp-block-columns.movie-wrapper-rating > div > p {
  white-space: nowrap !important;
}

.wp-block-columns.movie-wrapper-rating .icon-container {
  display: flex;
  align-items: center;
}

.wp-block-group.movie-row {
  gap: 0.5rem;
  margin-top: 0;
}
.wp-block-group.movie-rating-value {
  display: flex;
  align-items: center;
  gap: 5px;
}
.movie-rating-value-p {
  margin-bottom: 0;
}
.movie-rating-value-svg-wrapper {
  padding-top: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.movie-rating-value-svg-wrapper > svg {
  width: 1rem;
  height: 1rem;
  fill: var(--canary-yellow);
  stroke: var(--canary-yellow);
}

p.movie-content {
  color:var(--canary-secondary-text)
}