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

.bwa-responsive-slider {
  position : relative;
}

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

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

.bwa-responsive-slider img {
  width     : 100%;
  max-width : 100%;
  height    : auto;
}

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

.bwa-responsive-slider .slide-content {
  position        : absolute;
  top             : 0;
  left            : 0;
  display         : flex;
  flex-direction  : column;
  justify-content : center;
  align-items     : center;
  background      : linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%);
  color           : #fff;
  pointer-events  : none;
  width           : 100%;
  height          : 100%;
}

.bwa-responsive-slider .slide-content__container {
  display        : flex;
  flex-direction : column;
  align-items    : center;
  gap            : 0.75rem;
  text-align     : center;
  max-width      : 750px;
  font-size      : calc(300px + (750 - 300) * ((100vw - 320px) / (1920 - 320)));
  margin         : 0 auto;
}

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

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

.bwa-responsive-slider .slide-content--align-left {
  justify-content : center;
  align-items     : flex-start;
  padding-left    : 10%;
}

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

/*surtitre*/

.bwa-responsive-slider .slide-content__subhead {
  font-size      : calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-weight    : 500;
  line-height    : 26.4px;
  letter-spacing : 0.8px;
  text-transform : uppercase;
  text-align     : center;
}

/*titre*/

.bwa-responsive-slider .slide-content__title {
  display        : flex;
  flex-direction : column;
  font-size      : calc(30px + (42 - 30) * ((100vw - 320px) / (1920 - 320)));
  font-weight    : 500;
  line-height    : calc(32px + (52 - 32) * ((100vw - 320px) / (1920 - 320)));
}

.slide-content--align-center .slide-content__title {
  text-align : center;
}

/*sous-titre*/

.bwa-responsive-slider .slide-content__subtitle {
  font-size   : 20px;
  font-weight : 400;
  text-align  : center;
  line-height : calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
}

/*btn*/

.bwa-responsive-slider .slide-content__btn-link {
  display : inline-flex;
}

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

.bwa-responsive-slider .swiper-button-next:after,
.bwa-responsive-slider .swiper-button-prev:after {
  color : var(--color-primary);
}

.bwa-responsive-slider .swiper-pagination-bullet-active {
  background : var(--color-primary);
}

/*
--------------------------------------
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;
}