/**
 * 2015-2021 Bonpresta
 *
 * Bonpresta Whatsapp Chat
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the General Public License (GPL 2.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/GPL-2.0
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade the module to newer
 * versions in the future.
 *
 *  @author    Bonpresta
 *  @copyright 2015-2021 Bonpresta
 *  @license   http://opensource.org/licenses/GPL-2.0 General Public License (GPL 2.0)
 */

#bonwhatsappchat {
    position: relative;
    opacity: 1;
    transition: all .011s ease-in;
}
#bonwhatsappchat.hide {
    opacity: 0;
    visibility: hidden
}

#bonwhatsappchat .hide {
    display: block /* bacause module: module-ets_wholesale-retailer */
}

#bonwhatsappchat .whatsappchat-link,
 .whatsappchat-wrapper-copy .whatsappchat-link {
    display: flex;
    align-items: center;
    padding: 10px 9px 10px 10px;
    transition: all .2s ease;
    text-decoration: none;
    outline: none;
}

#bonwhatsappchat .whatsappchat-link:hover,
 .whatsappchat-wrapper-copy .whatsappchat-link:hover {
    background: linear-gradient(165deg, transparent 85%, #fbfbfb);
}
#bonwhatsappchat .whatsappchat-subtitle {
    margin-bottom: 5px;
}
#bonwhatsappchat .whatsappchat-link:hover > ul li.whatsappchat-subtitle p,
 .whatsappchat-wrapper-copy .whatsappchat-link:hover > ul li.whatsappchat-subtitle p {
    transform: scale(1.07);
    transform-origin: left;
    color: #8bbeff
}
html.light #bonwhatsappchat .whatsappchat-link:hover > ul li.whatsappchat-subtitle p, 
 html.light .whatsappchat-wrapper-copy .whatsappchat-link:hover > ul li.whatsappchat-subtitle p {
	color: #2b6ec4;
}
#index .whatsappchat-link:hover > ul li.whatsappchat-subtitle p,
 #sitemap .whatsappchat-link:hover > ul li.whatsappchat-subtitle p {
    color: #fbfbfb !important
}

#bonwhatsappchat .img-responsive,
 .whatsappchat-wrapper-copy .img-responsive {
    max-width: 70px;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    filter: grayscale();
    transition: all .12s ease-in
}
#bonwhatsappchat .img-responsive:hover,
 .whatsappchat-wrapper-copy .img-responsive:hover {
     filter: grayscale(0);
}
#bonwhatsappchat.dark .img-responsive,
 .whatsappchat-wrapper-copy.dark .img-responsive {
    opacity: .8
}

#bonwhatsappchat .whatsappchat-title,
 #bonwhatsappchat .whatsappchat-descr, 
  .whatsappchat-wrapper-copy .whatsappchat-title,
   .whatsappchat-wrapper-copy .whatsappchat-descr {
    display: block;
}
#bonwhatsappchat #bonwhatsappchat-open {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 175px; /* cms pages */
	background-color: #2EB743;
	border: none;
    border-top-left-radius: 15px 25px;
	width: 55px;
	height: 46px;
	box-shadow: 3px 5px 0 rgba(255, 255, 255, .15);
	cursor: pointer;
	outline: none;
	z-index: 1040;
	transition: all .2s ease-in;
	opacity: 0;
}
#product #bonwhatsappchat #bonwhatsappchat-open,
 #product #bonwhatsappchat .whatsappchat-wrapper{
    top: 213px;
}
#contact #bonwhatsappchat #bonwhatsappchat-open,
 #contact #bonwhatsappchat .whatsappchat-wrapper{
    top: 602px;
}
#stores #bonwhatsappchat #bonwhatsappchat-open,
 #stores #bonwhatsappchat .whatsappchat-wrapper{
    top: 652px;
}
#category #bonwhatsappchat #bonwhatsappchat-open,
 #best-sales #bonwhatsappchat #bonwhatsappchat-open,
  #prices-drop #bonwhatsappchat #bonwhatsappchat-open {
    top: 211px;
}
#cart #bonwhatsappchat #bonwhatsappchat-open,
 #cart #bonwhatsappchat .whatsappchat-wrapper {
    top: 172px;
}
#checkout #bonwhatsappchat #bonwhatsappchat-open,
 #checkout #bonwhatsappchat .whatsappchat-wrapper {
    top: 123px;
}
#history #bonwhatsappchat #bonwhatsappchat-open,
#history #bonwhatsappchat .whatsappchat-wrapper,
 #order-slip #bonwhatsappchat #bonwhatsappchat-open,
 #order-slip #bonwhatsappchat .whatsappchat-wrapper,
  #module-blockwishlist-lists #bonwhatsappchat #bonwhatsappchat-open,
  #module-blockwishlist-lists #bonwhatsappchat .whatsappchat-wrapper,
   #view #bonwhatsappchat #bonwhatsappchat-open,
   #view #bonwhatsappchat .whatsappchat-wrapper,
    #module-ps_emailalerts-account #bonwhatsappchat #bonwhatsappchat-open,
    #module-ps_emailalerts-account #bonwhatsappchat .whatsappchat-wrapper {
    top: 175px;
}

#bonwhatsappchat .bonwhatsappchat-open_img {
    width: 100%;
    height: 100%;
    background: url('data:./img/icon.png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIkSURBVHgBrVeLkYJADF2uAjq4LYEOoAPtwOtAO9AO1Aq4q8C5CvAq0A6wA+0glwxZDWE/gr6ZDMImeUnYZCUzTwIAKrzMUAoUy0K4oVxQzihHlN8sy27mFSBZjrJBucI41Cg25jsz8QxrkZnL7swis6IqkH6udPeY/cY8C85SokEpqQIJu5KzlTik7JzxtzCiEs/NSKBNgdIKP6coucq0Tb2nBHnO2d7fe0jx612kym8j/K580bWivNa8CR7fuVyU2S6V4Rwe7VSZCSA74X8tF1xErTKw0N8kjZkIUfIuaxXNQinLSjikW8NP3OP5wGelWP9T+p8eH0szAThIjuYxdCoiLvjmgosXpe+buT9mOo58LYjYOmLjJ5HkG09wY3DhqyXiXD28g0+ZnXhUmdfgksg/nlDei6CqwRCYCujmKOEU0bHQPxpXAR1r4ly1a6n+TdyoUOQb11qq3+tQAKKXG7pZCmdVgnyuyIlsK6omUXsq4rAdPkgAhtMshK2yk8Oo1CXoD/EwOQ3+dSSAwUEDvrEM/XGWzNqTScNkLf+2Skee8wvtwL27g3kjoNuUMMiWF4MHxYukej+UWkHubGveAE5GdsDap9TIUkC3eejdUavUY4Jh2x30sQ4pOlCEvp4EDoD6OA/4qFjnqvwtQxHOYTxcgCRtQKeBWKVg+AecnFGJZ5xJ6dGJoQG9iTzIoPsf5T5Lgh9c0JWYHBYs8ji9pew1/gFE48eSVn9+EQAAAABJRU5ErkJggg==') no-repeat center;
    background-position-x: 9px;
}

#bonwhatsappchat #bonwhatsappchat-open.left {
    opacity: 1;
    left: 0;
}
#bonwhatsappchat #bonwhatsappchat-open.right {
    right: 0;
    opacity: 1;
}

#bonwhatsappchat #bonwhatsappchat-open:hover {
    background-color: #2EB743;
}

@keyframes whatsapp {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(10deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

#bonwhatsappchat #bonwhatsappchat-open.left.active {
    left: 320px;
}
#bonwhatsappchat #bonwhatsappchat-open.right.active {
    right: 295px;
}

#bonwhatsappchat #bonwhatsappchat-open img {
    width: 30px;
    height: 30px;
}

#bonwhatsappchat .whatsappchat-wrapper {
    top: 175px;
    opacity: 0;
    position: fixed;    
    z-index: 1040
} 
#bonwhatsappchat .whatsappchat-wrapper.no-visibility {
    opacity: 0 !important;
    z-index: 0
}
#bonwhatsappchat .whatsappchat-wrapper,
 .whatsappchat-wrapper-copy {    
    max-width: 320px;
}
.whatsappchat-wrapper-copy,
 #_desktop_search_copy {
	position: absolute;
	top: 100px;
	right: -197px;   
}
#bonwhatsappchat .whatsappchat-wrapper {
    transition: top .2s ease-in, left .2s ease-in; 
}
#contact #bonwhatsappchat .whatsappchat-wrapper,
 #product #bonwhatsappchat .whatsappchat-wrapper,
  #stores #bonwhatsappchat .whatsappchat-wrapper,
   #index #bonwhatsappchat .whatsappchat-wrapper,
    #sitemap #bonwhatsappchat .whatsappchat-wrapper {
    margin-right: 20px;
}

#category #bonwhatsappchat .whatsappchat-wrapper,
 #best-sales #bonwhatsappchat .whatsappchat-wrapper,
  #prices-drop #bonwhatsappchat .whatsappchat-wrapper {
    top: 211px;
}
#bonwhatsappchat .whatsappchat-wrapper.left {
    left: -320px;
    opacity: 1;
}
#bonwhatsappchat .whatsappchat-wrapper.right {
    right: -320px;
    opacity: 1;
}

#bonwhatsappchat .whatsappchat-wrapper.left.active {
    left: 0;
}

#bonwhatsappchat .whatsappchat-wrapper.right.active {
    right: 0;
}
#bonwhatsappchat .whatsappchat-description,
 .whatsappchat-wrapper-copy .whatsappchat-description {
	overflow: hidden;
	position: absolute;
	right: 0;
	z-index: 2;
}
/*
#bonwhatsappchat .whatsappchat-description:after {
	content: '';
	display: block;
	height: 50px;
	width: 50px;
	background: url(/themes/classic/modules/bonwhatsappchat/views/img/icon/whatsapp.svg) no-repeat;
	background-size: cover;
	opacity: .111;
	position: absolute;
	top: 0;
	right: 15%;
	background-position-y: -25px;
	z-index: -1;
}
*/
#bonwhatsappchat .whatsappchat-description p,
 .whatsappchat-wrapper-copy .whatsappchat-description p {
	color: #68717d;
	font-size: .575rem;	
	margin: 1px;
}
#bonwhatsappchat .whatsappchat-body,
 .whatsappchat-wrapper-copy  .whatsappchat-body {
    background-color: #11161e;
    background: linear-gradient(90deg, #11161e, rgba(1, 7, 15, .855));
    backdrop-filter: blur(17px);
	padding: .3rem 1.7rem .9rem;
	position: relative;
	z-index: 1;
}
#product #bonwhatsappchat .whatsappchat-body:after,
 #stores #bonwhatsappchat .whatsappchat-body:after,
  #contact #bonwhatsappchat .whatsappchat-body:after,
   #index #bonwhatsappchat .whatsappchat-body:after,
    .whatsappchat-wrapper-copy .whatsappchat-body:after {
    content: '';
    display: block;
    height: 20px;
    width: 60px;
    background: #11161e;
    background: linear-gradient(192deg, transparent 60%, rgba(16, 19, 26, .985) 50%);
    position: absolute;
    left: 0;
    bottom: -6px;
    z-index: -1;
    transform: skewY(-12deg);
    transform-origin: center;
}
#index
 #bonwhatsappchat .whatsappchat-body,
  #index .whatsappchat-wrapper-copy .whatsappchat-body,
   #sitemap 
    #bonwhatsappchat .whatsappchat-body {
    background: linear-gradient(90deg, #3b91ff, rgba(0, 109, 249, .855))
}
#index 
 #bonwhatsappchat.dark .whatsappchat-body, 
  #index .whatsappchat-wrapper-copy.dark .whatsappchat-body, 
   #sitemap 
    #bonwhatsappchat.dark .whatsappchat-body {
	/* background: linear-gradient(90deg, rgba(59, 145, 255, .111), rgba(0, 109, 249, .955)); */
    background: linear-gradient(90deg, rgba(156, 200, 255, .111), rgba(0, 0, 0, .733))
}
#index 
 #bonwhatsappchat .whatsappchat-body:after,
  #index .whatsappchat-wrapper-copy .whatsappchat-body:after,
   #sitemap 
    #bonwhatsappchat .whatsappchat-body:after {
	background: linear-gradient(192deg, transparent 60%, rgba(59, 145, 255, .985) 50%);
}
#index 
 #bonwhatsappchat.dark .whatsappchat-body:after, 
  #index .whatsappchat-wrapper-copy.dark .whatsappchat-body:after, 
   #sitemap 
    #bonwhatsappchat.dark .whatsappchat-body:after {
	background: linear-gradient(192deg, transparent 62%, rgba(156, 200, 255, .099) 50%);
}

.whatsappchat-body .p-0 {
	border-bottom: 2px solid;
	border-image: linear-gradient(to right, transparent, #3a3a3d, #3a3a3d) 1;
    transition: all .07s ease-out
}
#index .whatsappchat-body .p-0,
 #sitemap .whatsappchat-body .p-0 {
	border-image: linear-gradient(to right, transparent, rgba(35, 35, 35, .7),rgba(35, 35, 35, .7)) 1
}
.whatsappchat-body .p-0:last-child,
 #index .whatsappchat-body .p-0:last-child,
  #sitemap .whatsappchat-body .p-0:last-child,
   html.light .whatsappchat-body .p-0:last-child,
    html.light #index .whatsappchat-body .p-0:last-child,
     html.light #sitemap .whatsappchat-body .p-0:last-child {
    border-image: unset;
    border-color: transparent
}
.whatsappchat-body .p-0:hover,
 html.light .whatsappchat-body .p-0:hover {
    border-image: linear-gradient(to right, transparent, #8bbeff, #8bbeff) 1;
}
#index .whatsappchat-body .p-0:hover,
 #sitemap .whatsappchat-body .p-0:hover {	
	border-image: linear-gradient(to right, transparent, #fbfbfb, #fbfbfb) 1;   
}

#bonwhatsappchat .whatsappchat-body .p-0:has(.whatsappchat-link:hover) {
    border-bottom-color: transparent
}




#bonwhatsappchat .whatsappchat-inner,
 .whatsappchat-wrapper-copy .whatsappchat-inner {
    max-width: 100%;
    width: 100%;
    padding-left: 10px;
    margin-bottom: 0;
}

#bonwhatsappchat .whatsappchat-title,
 .whatsappchat-wrapper-copy .whatsappchat-title {
    font-size: 13px;
    color: #fbfbfb;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 5px;
}
#index #bonwhatsappchat .whatsappchat-title,
#index .whatsappchat-wrapper-copy .whatsappchat-title,
  #sitemap #bonwhatsappchat .whatsappchat-title {
    color: #b7b7b7
}
#bonwhatsappchat .whatsappchat-subtitle p,
 .whatsappchat-wrapper-copy .whatsappchat-subtitle p,
  .whatsappchat-subtitle p {
    color: #fbfbfb;
    margin-bottom: 0;
    font-weight: 600;
    font-style: oblique;
    font-size: .925rem;
    line-height: 22px;
    transition: all .017s ease;
}
#index #bonwhatsappchat .whatsappchat-subtitle p, 
#index .whatsappchat-wrapper-copy .whatsappchat-subtitle p, 
 #sitemap #bonwhatsappchat .whatsappchat-subtitle p {
	color: #b7b7b7
}
#index #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-subtitle p,
#index .whatsappchat-wrapper-copy:not(.whatsappchat-wrapper-copy.dark) .whatsappchat-subtitle p,
 #sitemap #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-subtitle p,
  #index #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-title,
  #index .whatsappchat-wrapper-copy:not(.whatsappchat-wrapper-copy.dark) .whatsappchat-title,
   #sitemap #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-title {
     color: #232323
}

#bonwhatsappchat .whatsappchat-descr p,
 .whatsappchat-wrapper-copy .whatsappchat-descr p {
    font-size: 13px;
    line-height: 19px;
    color: #8c8d91;
    font-weight: 300;
    margin: 0;
}
html.light #bonwhatsappchat .whatsappchat-descr p,
 html.light .whatsappchat-wrapper-copy .whatsappchat-descr p {
    color: #232323;
}
#index #bonwhatsappchat .whatsappchat-descr p,
 .whatsappchat-descr .whatsappchat-descr p, 
  #sitemap #bonwhatsappchat .whatsappchat-descr p {
    color: #8c8d91
}

#index .whatsappchat-wrapper.right:before,
 #sitemap .whatsappchat-wrapper.right:before {
    background: #3B91ff
}
#index #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-descr, 
#index .whatsappchat-wrapper-copy:not(.whatsappchat-wrapper-copy.dark) .whatsappchat-descr, 
 #index #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-descr p,
 #index .whatsappchat-wrapper-copy:not(.whatsappchat-wrapper-copy.dark) .whatsappchat-descr p,
  #sitemap #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-descr, 
   #sitemap #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-descr p {
    color: #fbfbfb;
}

#contact #bonwhatsappchat #bonwhatsappchat-open.right,
 #product #bonwhatsappchat #bonwhatsappchat-open.right,
  #stores #bonwhatsappchat #bonwhatsappchat-open.right,
   #index #bonwhatsappchat #bonwhatsappchat-open.right,
    #sitemap #bonwhatsappchat #bonwhatsappchat-open.right {
    visibility: hidden;
    opacity: 0;
    right: 0;
    transition: all .7s ease
}

    .whatsappchat-wrapper.right:before,
     .whatsappchat-wrapper-copy:before {
        content: '\e5d7';
        display: block;
        width: 17px;
        height: 25px;
        background-color: #11161e;
        background-color: rgba(1, 7, 15, .855);
        backdrop-filter: blur(17px);
        position: absolute;
        border-bottom-right-radius: 58px 18px;   
        text-shadow: 0 2px 1px #fbfbfb;
        text-indent: -3px;
        font-family: Material Icons;
        font-size: 1.1rem;
        font-weight: 500;
        color: #11161e;
        right: -17px;    
        cursor: grab;
    }
html.light .whatsappchat-wrapper.right:before, 
 html.light .whatsappchat-wrapper-copy:before {
	line-height: 1.3;
}
    .whatsappchat-wrapper-copy:before {
        content: '\e5d6';   
        cursor: pointer
    }
    #index .whatsappchat-wrapper.right:before,     
     #sitemap .whatsappchat-wrapper.right:before {
        background: rgba(0, 109, 249, .855);
        color: #3b91ff
    }
    #index .whatsappchat-wrapper-copy:before {
        background: rgba(0, 0, 0, .733);
        color: #68717d
    }
    #index #bonwhatsappchat.dark .whatsappchat-wrapper.right:before,
     #sitemap #bonwhatsappchat.dark .whatsappchat-wrapper.right:before {
        background: rgba(0, 109, 249, .955);       
    }

@media (min-width: 1592px) {
    #contact #bonwhatsappchat #bonwhatsappchat-open.right.show,
     #product #bonwhatsappchat #bonwhatsappchat-open.right.show,
      #stores #bonwhatsappchat #bonwhatsappchat-open.right.show,
       #index #bonwhatsappchat #bonwhatsappchat-open.right.show,
        #sitemap #bonwhatsappchat #bonwhatsappchat-open.right.show {
        visibility: visible;
        opacity: 1
    }
    #contact #bonwhatsappchat .whatsappchat-wrapper.right.hide,    
     #product #bonwhatsappchat .whatsappchat-wrapper.right.hide,      
      #stores #bonwhatsappchat .whatsappchat-wrapper.right.hide,        
       #index #bonwhatsappchat .whatsappchat-wrapper.right.hide,
        #sitemap #bonwhatsappchat .whatsappchat-wrapper.right.hide {
        right: -320px
    }
    #contact #bonwhatsappchat .whatsappchat-wrapper,
     #contact #bonwhatsappchat #bonwhatsappchat-open.right
      #stores #bonwhatsappchat .whatsappchat-wrapper,
       #stores #bonwhatsappchat #bonwhatsappchat-open.right {
        top: 476px
    }
    #product #bonwhatsappchat .whatsappchat-wrapper,
     #product #bonwhatsappchat #bonwhatsappchat-open.right {
        top: 306px
    }
    #index #bonwhatsappchat .whatsappchat-wrapper,
     #index #bonwhatsappchat #bonwhatsappchat-open.right {
        top: 627px
    }    
}