/*!
 * ------------------------------------------------------------------------
 * AN Swiper v1.0.0
 * https://animanet.fr
 * ------------------------------------------------------------------------
 */
/* ========================================================================
   Variables
   ===================================================================== */
.an-swiper {
  --an-swiper-gap: 30px;
  --an-swiper-nav-size: 42px;
  --an-swiper-nav-radius: 8px;
  --an-swiper-nav-bg: rgba(0, 0, 0, .55);
  --an-swiper-nav-bg-hover: rgba(0, 0, 0, .8);
  --an-swiper-nav-color: #fff;
  --an-swiper-pagination-color: #444;
  --an-swiper-pagination-inactive: #bdbdbd;
}

/* ========================================================================
   Layout
   ===================================================================== */
.an-swiper {
  display: flex;
  align-items: center;
}

.an-swiper-inner {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

/* ========================================================================
   Swiper variables
   ===================================================================== */
.an-swiper-inner {
  --swiper-navigation-size: 1.3rem;
  --swiper-navigation-color: var(--an-swiper-nav-color);
  --swiper-pagination-color: var(--an-swiper-pagination-color);
  --swiper-pagination-bullet-inactive-color: var(--an-swiper-pagination-inactive);
  --swiper-pagination-bullet-inactive-opacity: 1;
}

/* ========================================================================
   Wrapper
   ===================================================================== */
.an-swiper .swiper-wrapper {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

.an-swiper .swiper-slide {
  height: auto;
}

.an-swiper .swiper-slide>* {
  width: 100%;
}

/* ========================================================================
   Fade avant initialisation
   ===================================================================== */
.an-swiper-wrapper>* {
  transition: opacity .35s;
}

.an-swiper-wrapper:not(.ready)>* {
  opacity: 0;
}

/* ========================================================================
   Navigation
   ===================================================================== */

.an-swiper {

  --an-swiper-nav-size: 40px;
  --an-swiper-nav-color: currentColor;

}

.an-swiper .swiper-button-prev,
.an-swiper .swiper-button-next {

  position: relative;

  top: auto;
  left: auto;
  right: auto;

  width: var(--an-swiper-nav-size);
  height: var(--an-swiper-nav-size);

  flex: 0 0 var(--an-swiper-nav-size);

  margin: 0;
  padding: .5rem;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--an-swiper-nav-color);

  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;

  transition: opacity .2s ease;

}

.an-swiper .swiper-button-prev:hover,
.an-swiper .swiper-button-next:hover {

  opacity: .7;

}

.an-swiper .swiper-button-prev::after,
.an-swiper .swiper-button-next::after {

  font-size: 1.6rem;
  font-weight: 700;

}

/* ========================================================================
   Pagination
   ===================================================================== */
.an-swiper .swiper-pagination {
  position: relative;
  margin-top: 1.5rem;
}

.an-swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 4px !important;
}

/* ========================================================================
   Compatibilité Kadence
   ===================================================================== */
.an-swiper .kb-post-list-item {
  display: grid;
  height: auto;
}