/*
--------------------------------------
Containers
--------------------------------------
*/

.bwa-responsive-slider {
  position         : relative;
  min-height       : 420px;
  background-color : var(--color-black-default, #091C34);
  overflow         : hidden;
}

.bwa-responsive-slider .bwa-responsive-slider__slider {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

.bwa-responsive-slider .swiper-slide {
  position : relative;
  height   : 100%;
}

.bwa-responsive-slider .swiper-slide .slide {
  display : contents;
}

.bwa-responsive-slider .slide::before {
  content    : '';
  position   : absolute;
  inset      : 0;
  background : linear-gradient(120deg, rgba(5, 11, 30, 0.75) 0%, rgba(5, 11, 30, 0.45) 40%, rgba(5, 11, 30, 0.1) 100%);
  z-index    : 1;
}

/*
--------------------------------------
Image
--------------------------------------
*/

.bwa-responsive-slider picture,
.bwa-responsive-slider img,
.bwa-responsive-slider video {
  width      : 100%;
  height     : 100%;
  object-fit : cover;
  display    : block;
}

/*
--------------------------------------
Content
--------------------------------------
*/

.bwa-responsive-slider .slide-content {
  position        : absolute;
  inset           : 0;
  display         : flex;
  flex-direction  : column;
  justify-content : center;
  color           : #fff;
  pointer-events  : none;
  z-index         : 2;
  padding         : clamp(2rem, 6vw, 4rem) clamp(1rem, 9vw, 11rem);
}

.bwa-responsive-slider .slide-content__container {
  display        : flex;
  flex-direction : column;
  gap            : 1rem;
  text-align     : left;
  max-width      : 620px;
  margin         : 0;
}

.bwa-responsive-slider .slide-content--align-center {
  align-items : center;
}

.bwa-responsive-slider .slide-content--align-center .slide-content__container {
  text-align  : center;
  align-items : center;
  margin      : 0 auto;
}

.bwa-responsive-slider .slide-content--align-left {
  align-items : flex-start;
}

.bwa-responsive-slider .slide-content--align-left .slide-content__container {
  text-align  : left;
  align-items : flex-start;
}

.bwa-responsive-slider .slide-content--align-right {
  align-items : flex-end;
}

.bwa-responsive-slider .slide-content--align-right .slide-content__container {
  text-align  : right;
  align-items : flex-end;
}

/*surtitre*/

.bwa-responsive-slider .slide-content__label {
  display          : inline-flex;
  align-items      : center;
  gap              : 0.35rem;
  padding          : 0.35rem 0.9rem;
  border-radius    : 999px;
  font-size        : 0.75rem;
  letter-spacing   : 0.25em;
  text-transform   : uppercase;
  font-weight      : 600;
  border           : 1px solid;
  background-color : rgba(255, 255, 255, 0.15);
}

@media (max-width: 768px) {
  .bwa-responsive-slider .slide-content__label {
    letter-spacing   : 0.1em;
    font-size        : 0.6rem;
  }
}

/*titre*/

.bwa-responsive-slider .slide-content__title {
  margin         : 0;
  display        : flex;
  flex-direction : column;
  gap            : 0.25rem;
}

.bwa-responsive-slider .slide-content__title-line {
  font-size   : clamp(2rem, 5vw, 3.5rem);
  line-height : 1.1;
  font-weight : 700;
}

.bwa-responsive-slider .slide-content__title-line--secondary {
  font-size : clamp(1.6rem, 4vw, 2.75rem);
}

/*sous-titre*/

.bwa-responsive-slider .slide-content__description {
  font-size   : 1rem;
  line-height : 1.6;
  color       : rgba(255, 255, 255, 0.85);
  margin      : 0;
}

/*btn*/

.bwa-responsive-slider .slide-content__cta {
  margin-top : 0.5rem;
}

.bwa-responsive-slider .slide-content__btn-link {
  pointer-events : auto;
  display        : inline-flex;
  align-items    : center;
  gap            : 0.5rem;
  border-radius  : 999px;
  padding        : 0.85rem 1.75rem;
  font-weight    : 600;
}

.bwa-responsive-slider .slide-content__btn-link .material-icons {
  font-size : 1.25rem;
}

/*
--------------------------------------
Swiper
--------------------------------------
*/

.bwa-responsive-slider .bwa-responsive-slider-swiper-button-next,
.bwa-responsive-slider .bwa-responsive-slider-swiper-button-prev {
  width            : 36px;
  height           : 36px;
  border-radius    : 50%;
  background-color : rgba(255, 255, 255, 0.25);
  backdrop-filter  : blur(6px);
  border           : 1px solid rgba(255, 255, 255, 0.35);
  color            : #fff;
  position         : absolute;
  top              : 50%;
  margin-top       : calc(0px - (var(--swiper-navigation-size) / 2));
  z-index          : 1;
  cursor           : pointer;
  display          : flex;
  align-items      : center;
  justify-content  : center;
}

.bwa-responsive-slider .bwa-responsive-slider-swiper-button-next:after,
.bwa-responsive-slider .bwa-responsive-slider-swiper-button-prev:after {
  font-size : 1.3rem;
  color     : var(--color-white-default);
}

.bwa-responsive-slider .bwa-responsive-slider-swiper-button-next:hover,
.bwa-responsive-slider .bwa-responsive-slider-swiper-button-prev:hover {
  background-color : rgba(255, 255, 255, 0.5);
  color            : var(--color-primary, #1674d2);
}

.bwa-responsive-slider .bwa-responsive-slider-swiper-button-next {
  right : 20px;
}

.bwa-responsive-slider .bwa-responsive-slider-swiper-button-prev {
  left : 20px;
}

.bwa-responsive-slider .swiper-pagination {
  bottom  : 22px;
  z-index : 2 !important;
}

.bwa-responsive-slider .swiper-pagination-bullet {
  width            : 30px;
  height           : 4px;
  border-radius    : 999px;
  background-color : rgba(255, 255, 255, 0.35);
  opacity          : 1;
}

.bwa-responsive-slider .swiper-pagination-bullet-active {
  background : #fff;
}

@media screen and (max-width : 767px) {
  .bwa-responsive-slider {
    min-height    : 360px;
  }

  .bwa-responsive-slider .slide-content {
    align-items : flex-start;
  }

  .bwa-responsive-slider .slide-content__container {
    text-align  : left;
    align-items : flex-start;
    max-width   : none;
  }

  .bwa-responsive-slider .bwa-responsive-slider-swiper-button-prev,
  .bwa-responsive-slider .bwa-responsive-slider-swiper-button-next {
    display : none;
  }
}

/*
--------------------------------------
Vidéo
--------------------------------------
*/

.video-controls {
  position : absolute;
  bottom   : 10px;
  right    : 20px;
  display  : flex;
}

.video-controls button {
  background : transparent;
  border     : none;
  padding    : 0;
}

.video-controls button svg {
  width : 25px;
}

.video-controls button svg path {
  fill : white;
}

.video-controls button:hover svg path {
  fill : #c7c7c7;
}

.video-controls__play, .video-controls__sound {
  display               : grid;
  grid-template-columns : 100%;
}

.video-controls__play {
  margin-right : 10px;
}

.video-controls__play > *, .video-controls__sound > * {
  grid-area : 1/1;
  display   : none;
}

.video-controls__play .active, .video-controls__sound .active {
  display : block;
}

.video-container video {
  pointer-events : none;
}

.video-container a {
  display : block;
}