/**
 * @file
 * Actualites Block View styles
 */

.actualites-view-block {
  position: relative;
}
.actualites-view-block::before {
  content: '';
  display: block;
  position: absolute;
  bottom: -8%;
  left: -15%;
  background-repeat: no-repeat;
  background-image: url('../../images/circle-actu-block.svg');
  background-position: center;
  background-size: contain;
  height: 1022px;
  width: 912px;
}
.actualite-view-block .view-empty {
  text-align: center;
}
.actualite-view-block__news-content {
  display: grid;
  gap:1rem;
  grid-template-columns: repeat(3, 267px);
  overflow-x: auto;
  padding: 1rem;
}
.actualite-view-block__wrapper--no-event .actualite-view-block__news-content {
  grid-template-columns: repeat(4, 267px);
}
.actualite-view-block__wrapper:not(.actualite-view-block__wrapper--no-event) .actualite-view-block__news-content .card:nth-child(4) {
  display: none;
}
.actualite-view-block__news-header {
  padding: 1rem;
}
.actualite-view-block__more-link {
  margin: 2rem 1rem 1rem;
}
.actualite-view-block__event-part {
  margin: 2rem 1rem;
}
@media all and (min-width: 650px) {
  .actualites-view-block::before {
    bottom: -8%;
    right: -30%;
    left: initial;
  }
}
@media all and (min-width: 1000px) {
  .actualite-view-block__news-header {
    padding: 1rem 2rem;
  }
  .actualite-view-block__news-content {
    padding: 1rem 2rem;
  }
  .actualite-view-block__more-link {
    margin: 2rem 2rem 1rem;
  }
  .actualite-view-block__event-part {
    margin: 2rem 2rem;
  }
}
@media all and (min-width: 1200px) {
  .actualites-view-block::before {
    top: -25%;
    right: -350px;
    bottom: initial;
    height: 1250px;
    width: 1100px;
  }
  .actualite-view-block__news-content {
    grid-template-columns: repeat(3, calc(33% - 1.333rem));
    gap: 2rem;
  }
  .actualite-view-block__wrapper:not(.actualite-view-block__wrapper--no-event) {
    display: grid;
    gap: 0;
    grid-template-columns: calc(75% - 1rem) calc(25% - 1rem);
  }
  .actualite-view-block__wrapper--no-event .actualite-view-block__news-content {
    grid-template-columns: repeat(4, calc(25% - 1.5rem));
  }
  .actualite-view-block__event-part {
    margin: 0;
  }
}
@media all and (min-width: 1500px) {
  .actualites-view-block::before {
    right: -15%;
  }
  .actualite-view-block__wrapper:not(.actualite-view-block__wrapper--no-event) {
    gap: 2rem;
  }
  .actualite-view-block__news-header {
    padding: 1rem 0;
  }
  .actualite-view-block__news-content {
    padding: 1rem 0;
  }
  .actualite-view-block__more-link {
    margin: 2rem 0 1rem;
  }
}

.actualites-view-see-more {
  position: relative;
  margin: 0 0 5rem;
}
.actualites-view-see-more .view-empty {
  text-align: left;
  padding: 0 0.5rem;
}
.actualites-view-see-more__header {
  padding: 1rem;
}
.actualites-view-see-more__header h2{
  font-size: var(--heading-size-s);
  margin: 0;
}
.actualites-view-see-more__content {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, 267px);
  overflow-x: auto;
  padding: 1rem;
}
@media all and (min-width: 1200px) {
  .actualites-view-see-more__content {
    grid-template-columns: repeat(4, calc(25% - 1.5rem));
  }
}
@media all and (min-width: 1500px) {
  .actualites-view-see-more__header,
  .actualites-view-see-more__content {
    padding: 1rem 0;
  }
}
