#bonwishlist {
    display: none;
}

#index #bonwishlist,
#category #bonwishlist,
#product #bonwishlist,
#prices-drop #bonwishlist,
#new-products #bonwishlist,
#best-sales #bonwishlist,
#manufacturer #bonwishlist,
#module-totmanufacturerpage-totmanufacturer #bonwishlist {
    display: block;
}

#bonwishlist .block-wishlist {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    margin: 0 10px;
    position: relative;
    margin-top: 3px;
}


.bonwishlist-hook-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    margin-left: 15px;
}

.product-miniature.js-product-miniature .bonwishlist-hook-wrapper .wish-button {
    z-index: 2;
}

@font-face {
    font-family: 'fontellobon';
    src: url('../font/fontello.eot?37445557');
    src: url('../font/fontello.eot?37445557#iefix') format('embedded-opentype'),
    url('../font/fontello.woff2?37445557') format('woff2'),
    url('../font/fontello.woff?37445557') format('woff'),
    url('../font/fontello.ttf?37445557') format('truetype'),
    url('../font/fontello.svg?37445557#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

#bonwishlist .wishlist-tooltip .wish-button:before, .bonwishlist-hook-wrapper .wish-button:before {
    font-family: "fontellobon";
    content: '\e800';
    font-style: normal;
    font-weight: normal;
    speak: never;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    position: relative;
    z-index: 5;
}

.bonwishlist-hook-wrapper .wish-button {
    cursor: pointer;
}

.bonwishlist-hook-wrapper .wish-button:before {
    font-size: 24px;
}

.bonwishlist-hook-wrapper .wish-button.active:before {
    animation: pulsefas 1s ease;
    color: #EE558D;
    transform: scale(1.4)
}

.bonwishlist-hook-wrapper .wish-button:active:before {
    transform: scale(1);
    color: #1e1e28
}

.bonwishlist-hook-wrapper .wish-button:before {
    animation: pulsefas 1s ease;
}

.quickview .bonwishlist-hook-wrapper {
    display: none;
}

/* ======== header tooltip ================= */
#bonwishlist .wishlist-tooltip {
    cursor: pointer;
}

.jpresta_jprestashoppingcartsignin_displaytop #bonwishlist .wishlist-tooltip .wish-button.added-to-wishlist:before {
    animation: pulsefas 1s ease;
}
/* ======== end header tooltip ============== */

#bonwishlist .no-items-js.alert-info.block {
    display: block;
}

#bonwishlist .block-wishlist.active-wishlist #wishlist-popup {
    display: block !important;
}
#bonwishlist .no-items-js.alert-info.block,
#bonwishlist .block-wishlist.active-wishlist #wishlist-popup .wishlist-wrapper {
    visibility: visible;
    transform: translateY(-5px);
    opacity: 1;
    display: block
}

#bonwishlist .block-wishlist.active-wishlist #wishlist-popup .wishlist-wrapper.none {
    display: none;
}

#bonwishlist #wishlist-popup {
    width: 0;
}

#bonwishlist #wishlist-popup .wishlist-wrapper img {
    max-width: 100%;
}

#bonwishlist #wishlist-popup .wishlist-wrapper,
.block-wishlist .alert-info {
    position: absolute;
    width: 300px;
    right: 10px;
    z-index: 5002;
    border: 1px solid #ebebeb;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
    background: #fff;
    transform: translateY(100px);
    transition: all 0.3s linear;
    opacity: 0;
    display: none;
}

.block-wishlist .alert-info {
    color: #3a3a3a;
    visibility: hidden;
    line-height: 2;
    top: 50px;
}

#bonwishlist #wishlist-popup .wishlist-wrapper {
    padding-top: 15px;
    top: 30px;
}

#bonwishlist .wishlist-count {
    position: absolute;
    right: 6px;
    bottom: 0;
    background: #EE558D;
    color: #fff;
    border-radius: 50%;
    box-shadow: none;
    font-size: 10px;
    line-height: 16px;
    height: 16px;
    width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    z-index: 5;
}

#bonwishlist .wishlist-list {
    /* max-height: 270px; */
    max-height: 357px;
    overflow-y: auto;
}

#bonwishlist .wishlist-item {
    padding: 0 15px 15px 15px;
    display: flex;
    position: relative;
}

#bonwishlist .wishlist-item:last-child {
    padding-bottom: 15px;
}


#bonwishlist .wishlist-summary-product-image {
    margin-right: 15px;
    width: 70px;
    min-width: 70px;
}

#bonwishlist .wishlist-summary-product-image img {
    border: 1px solid #ededed;
}

#bonwishlist .wishlist-summary-product-info {
    padding-right: 5px;
}

#bonwishlist .wishlist-summary-product-name .product-title {
    text-align: left;
    margin: 0 0 8px;
}

#bonwishlist .wishlist-summary-product-name .product-title span {
    line-height: 14px;
    font-size: 14px;
    display: block;
    color: #3a3a3a;
}


#bonwishlist .wishlist-summary-product-price {
    display: flex;
    margin-bottom: 8px;
}

#bonwishlist .wishlist-summary-product-price .price,
#bonwishlist .wishlist-summary-product-price .regular-price {
    font-size: 14px;
    line-height: 20px;
}

#bonwishlist .wishlist-summary-product-price .price.has-discount {
    color: red;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding-right: 10px;
}

#bonwishlist .wishlist-button-delete,
#bonwishlist .shopping-cart {
    cursor: pointer;
    font-size: 19px;
}


#bonwishlist .wishlist_add_to_cart_button {
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
    padding: 0 5px;
}

#bonwishlist .wishlist_add_to_cart_button i {
    transition: all .2s linear;
    color: #7a7a7a;
}


#bonwishlist #wishlist-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px;
}

#bonwishlist #wishlist-footer.none {
    display: none;
}

#bonwishlist #wishlist-footer .btn {
    color: #fff !important;
    font-size: 14px !important;
    margin: 0 0 15px 0;
    width: 100%;
}

#bonwishlist .no-items-js.alert-info {
    display: none;
}


.thumbnail.product-thumbnail {
    position: relative;
}

@media only screen and (max-width: 767px) {
    #bonwishlist .block-wishlist {
        margin-right: 5px;
    }

    #bonwishlist .block-wishlist .wishlist-tooltip {
        position: relative;
    }

    #bonwishlist .wishlist-count {
        position: absolute;
        right: -3px;
    }

    #header.header-wishlist-active-mobile {
        z-index: 10006;
    }
}


@keyframes pulsefar {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulsefas {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

/* CSS fixes */
.block-wishlist .alert {
    padding-left: 20px;
}

.block-wishlist .alert-info {
    line-height: 1.2em;
    font-size: 14px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.block-wishlist .alert:before {
    float: none;
    position: relative;
    left: 0;
    top: 0;
}

#bonwishlist .wishlist-item {
    padding-top: 7px;
    padding-bottom: 7px;
    align-items: center;
}

.wishlist-button-delete {
    margin-left: auto;
}

#bonwishlist .wishlist-summary-product-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

#bonwishlist .wishlist-summary-product-image a.thumbnail {
    height: 56px;
    width: 56px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

#bonwishlist .wishlist-summary-product-image img {
    border: none;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

#bonwishlist .wishlist-summary-product-price {
    margin-bottom: 0;
}

#bonwishlist .wishlist-summary-product-name .product-title span {
    font-weight: normal;
    color: #1e1e28;
}

#bonwishlist .wishlist-summary-product-price .price, #bonwishlist .wishlist-summary-product-price .regular-price {
    color: #1e1e28;
}

#bonwishlist .wishlist-summary-product-name .product-title a:hover span,
#bonwishlist .wishlist-summary-product-name .product-title a:focus span {
    color: #EE558D;
}

#bonwishlist .wishlist-button-delete {
    flex-shrink: 0;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
    background-image: url("../img/icon_trash-bin-sharp.svg");
    opacity: 0.25;
}

#bonwishlist .wishlist-button-delete:hover, #bonwishlist .wishlist-button-delete:focus {
    background-image: url("../img/icon_trash-bin-sharp-red.svg");
    opacity: 1
}

#bonwishlist .no-items-js.alert-info {
    text-shadow: none;
    font-weight: normal;
    color: #1e1e28;
}

@media(max-width: 575px) {
    .product-miniature .pm-footer .btn-group {
        flex-wrap: wrap;
    }

    .product-miniature .bonwishlist-hook-wrapper {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }

    #bonwishlist .block-wishlist.active-wishlist #wishlist-popup .wishlist-wrapper {
        display: flex;
        position: fixed;
        transform: none;
        top: 50px;
        right: 0;
    }

    .block-wishlist .alert-info {
        display: flex;
        position: fixed;
        transform: none;
        top: 50px;
        right: 0;
        left: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-miniature .pm-footer .btn-group {
        flex-wrap: wrap;
    }
    .bonwishlist-hook-wrapper {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
}

@media (min-width: 1200px) {
    .jpresta_jprestashoppingcartsignin_displaytop #bonwishlist .wishlist-tooltip .wish-button:hover:before {
        transform: scale(1.2) translate(0, 1px)
    }
    .bonwishlist-hook-wrapper .wish-button:hover:before {
        color: #EE558D;
        transform: scale(1.4)
    }
    .bonwishlist-hook-wrapper .wish-button.active:hover:before {
        color: #7d7d7d
    }
}