/**
* 2007-2018 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2018 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

.favorite-product{
  display: none;
   cursor: pointer;
    top: 11px;
}
.favorite-active-icon{
    display: none;
}
.favorite-active .favorite-active-icon{
    display: block;
    float: left;
    -webkit-transition: all .55s ease;
    transition: all .55s ease;
}
.favorite-active .favorite-standart-icon{
    display: none;
}

.active_e{
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    }
.fav_box{
    display: none;
}
.favorite-product_item{

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: none;
}

#fav_mess .iziToast-cover{
    background-color: rgba(0, 0, 0, 0);
    padding: 18px;
    margin-left: 14px;
}
#fav_mess .iziToast-body{
    margin-left: 56px !important;
}
#fav_mess .iziToast-message{
    line-height: 23px;
}
.favorite-standart-icon_item, .favorite-active-icon_item{
    width: 27px;
}
.tit_f{
    padding-top: 2px;
}

.favorite-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .75rem;
    cursor: pointer;
}
.favorite-count{
        text-align: center;
    width: inherit;
    background: #F75341;
    border: 2px solid #fff;
    border-radius: .625rem;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-size: .625rem;
    height: 16px;
    height: 1rem;
    line-height: 12px;
    line-height: .75rem;
    padding: 0 .18rem;
    position: absolute;
      right: -3px;
    top: -5px;
    vertical-align: middle;
}
.button_right{
    cursor: pointer;
    position: fixed;
    right: 0;
    top: 40%;
    padding: 0.6rem;
    background-color: white;
    border-radius: 4px 0px 0px 4px;
}

.mobile_favorite{
    display: none;
    cursor: pointer;
    position: fixed;

    bottom: 0;
    padding: 1rem;
    background-color: white;
    border-radius: 4px 0px 0px 4px;
    box-shadow: 0px 0px 7px 0px #0000003b;
    z-index: 9;
}
.button_right:hover{
    box-shadow: 0px 0px 7px 0px #0000003b;
}
.button_left:hover{
    box-shadow: 0px 0px 7px 0px #0000003b;
}
.button_left{
    cursor: pointer;
    position: fixed;
    left: 0;
    top: 40%;
        padding: 0.6rem;
    background-color: white;
    border-radius: 0px 4px 4px 0px;
}

.cbutton {
	position: relative;

}

.cbutton.cbutton--click,
.cbutton:focus {
	outline: none;

}



.cbutton__text {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.cbutton::after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	content: '';
	opacity: 0;
	pointer-events: none;
}


.cbutton--effect-ivana::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	content: '';
	opacity: 0;
	pointer-events: none;
}

#favorite_widget{
    padding: 7px 17px;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.favoriteproduct .product-title a{
	color: #7a7a7a;
    font-size: .875rem;
    text-decoration: none;
    text-align: center;
    font-weight: 400;
}
.cbutton--effect-ivana.cbutton--click::before {
	-webkit-animation: anim-effect-ivana-1 0.5s forwards;
	animation: anim-effect-ivana-1 0.5s forwards;
}

.cbutton--effect-ivana.cbutton--click::after {
	-webkit-animation: anim-effect-ivana-2 0.5s forwards;
	animation: anim-effect-ivana-2 0.5s forwards;
}
.product-variants-item{
    cursor: pointer;

}
.favorite-standart-icon svg {

    stroke-width: 2px;
    fill: none;
       width: 27px;
    height: auto;
    vertical-align: middle;
}

@-webkit-keyframes anim-effect-ivana-1 {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
}

@keyframes anim-effect-ivana-1 {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
}

@-webkit-keyframes anim-effect-ivana-2 {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	50%, 100% {
		opacity: 0;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
}

@keyframes anim-effect-ivana-2 {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	50%, 100% {
		opacity: 0;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
}


@media (max-width: 700px){
    .button_left{
        display: none;
    }
    .button_right{
        display: none;
    }
    .favorite-top{
        display: none;
    }
     .mobile_favorite{
         display: block;
     }
}

.bottom_panel_f{
display: none;
    clear: both;

  text-align: center;

  position: absolute;

  bottom: 0;

  background: white;

  right: 0;

  left: 0;

  box-shadow: 0px 3px 16px black;

  padding: 7px;

}
.sidebarjs--is-visible .bottom_panel_f{
    display: block !important;

}


.bottom_panel_fav .partage-fav {
    display: flex;
    align-items: center;
}

.bottom_panel_fav .partage-fav p {
    margin-bottom: 0;
    color: #7B7B7B;
    font-size: 18px;
    font-weight: 500;
    margin-right: 15px;
}

.bottom_panel_fav .partage-fav a {
    margin-right: 5px;
}

.orcopypaste {
    margin-top: 40px;
    margin-bottom: 10px;
    font-weight: 500;
}

.copy_link_fav {
    padding: 15px;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    background: white;
    cursor: pointer;
}

.copy_link_fav img {
    margin-right: 15px;
}
