:root {
    --swiper-navigation-sides-offset: -8px !important;
    --swiper-navigation-size: 16px !important;
    --bs-border-color-translucent: rgba(142,175,179,0.3);
}

/* START LICENCE TYPES*/
.swiper-collections .licence-activated .ribbon{
    --ribbon-color: #4CAF50;
  }
  .swiper-collections .licence-not-activated .ribbon{
    --ribbon-color: #FF9E07;
  }
  .swiper-collections .licence-expired .ribbon{
    --ribbon-color: #FF5722;
  }
  .swiper-collections .group-licence .ribbon{
    --ribbon-color: #4CAF50;
  }

  .swiper-collections .ribbon {
    margin: 0;
    padding: 0;
    background: var(--ribbon-color);
    color: white;
    padding: 0.25em 0.5rem;
    font-size: 0.84rem !important;
    position: absolute;
    top: 106px;
    right: 0;
    z-index: 5;
    }


  /* .swiper-collections .ribbon:before,
  .swiper-collections .ribbon:after {
    content: '';
    position: absolute;
    top:0;
    margin: 0 -1px;/
    width: 100%;
    height: 100%;
    background: var(--ribbon-color);
  }
  .swiper-collections .ribbon:before {
    right:100%;
  }

  .swiper-collections .ribbon:after {
    left:100%;
  } */


/* END LICENCE TYPES*/

/* START NOT LOGGEDIN */
.no-user-loggedin .collection-list-link{
    display: none;
}
.no-user-loggedin .preloader-placeholder {
    display: none;
}

.collection-list-title {
    text-decoration: none;
}

.collection-list-link {
    text-decoration: none;
    font-size: 0.94rem;
    font-weight: 500;
}

.swiper.publications {

        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
}

.swiper.publications .swiper-slide {
    margin-right: 15px;
}

.swiper.publications .swiper-slide.add-publication-licence{
    opacity: 0.8;
}
.swiper.publications .swiper-slide.add-publication-licence .add-licence-text{
    color: #44484d;
    font-size: small;
    margin-top: 40px;
}

.swiper-collections .btn-add:before {
    content: '';
    position: absolute;
    width: 500%;
    height: 600%;
    top: -200%;
    left: -200%;
    cursor: pointer;
}

.swiper-collections .btn-add{
    padding: 20px;
    border-radius: 50%;
    background: #fff;
    height: var(--swiper-navigation-size);
    width: var(--swiper-navigation-size);
    border: 1px solid var(--border-color);
    color: var(--bs-gray-500);
    z-index: 50;
    filter: drop-shadow(0px 2px 2px #00000061);
    position: relative;
    z-index: 10;
}
.swiper-collections .btn-add::after{
    font-family: "Font Awesome 6 Pro";
    content: "\2b";
    /* text-transform: none!important; */
    letter-spacing: 0;
    text-align: center;
    text-size-adjust: 100%;
    /* text-transform: none; */
    position: absolute;
    line-height: 0;
    margin-left: -7px;
}

.swiper-collections .swiper-button-next,
.swiper-collections .swiper-button-prev {
    opacity: 1;
    transition: 0.5s ease-in-out;
    padding: 20px;
    border-radius: 50%;
    background: #fff;
    color: #000;
    border: 1px solid var(--border-color);

  }

  .swiper-collections .swiper-button-disabled {
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.swiper-collections .swiper-wrapper {
    padding: 5px 0 25px;
}

.swiper-collections .swiper-slide {
    /* max-width: 185px; */
    /* min-width: 220px;  */
    width: 220px;
}

.swiper-collections .card.book {
    height: 420px;
    border-radius: 2px;
}


.card.book .card-header:before {
    background: rgba(var(--bg-color),0.2);
    -webkit-filter: saturate(30) hue-rotate(30deg);
    filter: saturate(30) hue-rotate(30deg);
}

.card.book .card-header:after {
    background: rgba(var(--bg-color),0.2);
    -webkit-filter: saturate(30) hue-rotate(30deg);
    filter: saturate(30) hue-rotate(30deg);

}