/* Avertissements de contenu - shortcode [frres_film_trigger_warnings]. */
.frres-film-trigger-warnings {
  margin: 1.35rem 0;
  color: #000;
  font-family: inherit;
}

.frres-film-trigger-warnings__details {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 0.72rem 0;
}

.frres-film-trigger-warnings__summary {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  cursor: pointer;
  list-style: none;
  color: #000;
  font-weight: 300;
}

.frres-film-trigger-warnings__summary::-webkit-details-marker {
  display: none;
}

.frres-film-trigger-warnings__summary:focus-visible {
  outline: 2px solid #b41f30;
  outline-offset: 4px;
}

.frres-film-trigger-warnings__icon {
  width: 0;
  height: 0;
  border-left: 0.48rem solid transparent;
  border-right: 0.48rem solid transparent;
  border-bottom: 0.84rem solid #b41f30;
  flex: 0 0 auto;
  transform: translateY(-0.04rem);
}

.frres-film-trigger-warnings__summary-label {
  text-transform: none;
  letter-spacing: normal;
  font-weight: 300;
}

.frres-film-trigger-warnings__action {
  margin-left: auto;
  color: #595959;
  font-size: 0.86em;
  font-weight: 300;
  white-space: nowrap;
}

.frres-film-trigger-warnings__action-close {
  display: none;
}

.frres-film-trigger-warnings__details[open] .frres-film-trigger-warnings__action-open {
  display: none;
}

.frres-film-trigger-warnings__details[open] .frres-film-trigger-warnings__action-close {
  display: inline;
}

.frres-film-trigger-warnings__body {
  margin-top: 0.78rem;
  padding-left: 1.62rem;
}

.frres-film-trigger-warnings__intro {
  margin: 0 0 0.45rem;
}

.frres-film-trigger-warnings__items {
  margin: 0;
}

ul.frres-film-trigger-warnings__items {
  padding-left: 1.2rem;
}

.frres-film-trigger-warnings__item {
  margin-bottom: 0.2rem;
}

span.frres-film-trigger-warnings__items .frres-film-trigger-warnings__item {
  display: inline-block;
  margin: 0 0.35rem 0.35rem 0;
}

.frres-film-trigger-warnings--toggle span.frres-film-trigger-warnings__items .frres-film-trigger-warnings__item {
  padding: 0.12rem 0.46rem;
  border: 1px solid rgba(180, 31, 48, 0.35);
}

@media (max-width: 680px) {
  .frres-film-trigger-warnings__summary {
    align-items: flex-start;
  }

  .frres-film-trigger-warnings__action {
    display: block;
    margin-left: 0;
    padding-top: 0.12rem;
  }
}