/**
 *  @author    Rekire <info@rekire.com>
 *  @copyright Rekire
 *  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

.rkr_selled_plus-container .swiper {
    width: 100%;
    height: 100%;
}

.rkr_selled_plus-container .swiper-slide {
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*
 * La diapositiva es un contenedor flex —para centrar la ficha dentro— y su
 * hijo, la miniatura del producto, no trae anchura propia en todos los temas:
 * en Hummingbird, el de PrestaShop 9, se encogia a 0 px y el nombre del
 * producto salia partido palabra a palabra. En Classic no se notaba porque el
 * CSS de su rejilla ya le daba una anchura.
 */
.rkr_selled_plus-container .swiper-slide > * {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.rkr_selled_plus-container .rkr_selled_plus-slider {
    margin-top: 1em;
    padding-top: 1em;
    background-color: white;
    text-align: center;
}

.rkr_selled_plus-container .rkr_title {
    padding-bottom: 0.3em;
}

.rkr_selled_plus-container article .wishlist-button-add {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

.rkr_selled_plus-container .swiper-button-prev:hover::after, .rkr_selled_plus-container .swiper-button-next:hover::after {
    color: darkblue;
}

.rkr_selled_plus-container.rkr_selledplus-type-cms.rkr_selledplus-page-cms .swiper ul {
    list-style: none;
}

.rkr_selled_plus-container.rkr_selledplus-page-cms .wishlist-button-add
{
    display: none;
}

@media (min-width: 768px) {
    .block-category.card.card-block .block-category-inner #category-description {
        max-width: 70%;
    }
}

@media (max-width: 767.98px) {
    .block-category.card.card-block .block-category-inner #category-description {
        max-width: 100%;
    }
}