/**
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License version 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:
* https://opensource.org/licenses/AFL-3.0
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your
* needs please refer to CustomizationPolicy.txt file inside our module for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
*/

#wk_cmp_badge_div {
  position: fixed;
  z-index: 999999;
  white-space: nowrap;
  box-shadow: rgba(0, 0, 0, 0.25) 3px 3px 11px;
}

#wk_cmp_badge_div span {
  text-align: center;
  line-height: 12px;
}

.wk-cmp-title {
  text-align: right;
}

#wk_cmp_product_wrapper {
  border-radius: 4px;
}

#wk_cmp_btn {
  border-radius: 4px;
  box-shadow: 1px 1px 5px lightcoral;
}

.low-fixed {
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid lightgray;
  border-radius: 4px;
  padding: 5px 7px;
  outline: none !important;
}

#wk_cmp_modal_dialog {
  max-width: fit-content;
  max-width: -moz-fit-content;
}

.modal-content {
  overflow: hidden;
}

.ripple {
  border-radius: 50%;
  background: red;
  position: fixed;
  bottom: 10px;
  right: 10px;
  opacity: 1;
}

.rippleEffect {
  animation: rippleDrop .6s linear;
}

@keyframes rippleDrop {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

#wk_cmp_badge_div {
  top: unset;
  bottom: 10px;
}

.wk-cmp-badge--hidden {
  display: none !important;
}

.wk_cmp_add_compare.wk-cmp-maxed,
.wk_cmp_add_compare.wk-cmp-maxed:hover,
.wk_cmp_add_compare.wk-cmp-maxed:focus {
  transition: none;
  transform: none;
}

.wk_cmp_add_compare.wk-cmp-maxed {
  cursor: not-allowed;
}


#compare_button.wk-cmp-compare--active:hover,
#compare_button.wk-cmp-compare--active:focus {
  color: #ffffff;
}
#compare_button.wk-cmp-compare--active:focus:not(:hover) {
  color: #c3852a;
}
#compare_button.wk-cmp-compare--inactive,
#compare_button.wk-cmp-compare--inactive:hover,
#compare_button.wk-cmp-compare--inactive:focus {
  color: #c3852a;
}
#compare_button.wk-cmp-compare--inactive,
#compare_button.wk-cmp-compare--inactive:focus:not(:hover) {
  color: #c3852a;
}
.compare__button.wk-cmp-compare--inactive.btn-secondary:hover:after {
  background: #ffffff;
}