/**
* 2007-2015 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    Snegurka <snegurka@web-esse.ru>
*  @copyright 2007-2021 Snegurka WS
*  @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.
*/

#coupon_left{
    background: #ef3840;
    padding: 15px;
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, .3);
    border-radius: 3px;
    overflow: hidden;
} 

.action_text{
    color: #fff;
}

.action_text a{
	color: #fff;
	text-decoration: underline;
}

/* SHOPPING CART */

.hidden, .mobile-hidden {
	display: none;
}

#loyalty .card-block{
	display: flex;	
}

.ws_points {
    margin-bottom: 8px;
}

.loyalty_wrapp {
    margin-left: 14px;
}

.loyalty_wrapp .ws_transformpoints {
	white-space:normal;
}

/* LOYALTY PAGE */
.ws_loyalty__wrapp {
    background: #ffffff;
}

.total_ponts {
	margin: 14px auto 46px;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    padding: 14px 24px 14px;
}


.total_ponts__value {
	display: block;
	font-size: 34px;
	line-height: 1.2;
}

.total_ponts__value b {
	font-size: 42px;	
}

.total_ponts__note{
	color: #98999b;
	font-size: 14px;
}

#show_history {
	color: gray;
	font-size: 14px;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    border-bottom: 1px solid inherit;
}

#show_history:HOVER {
	color: black;
}

.ws_loyalty__wrapp h3 {
	font-size: 25px;
    line-height: 1.4;
    text-align: center;
}

.loyalty-history {
    margin: 20px 0;
}

.loyalty-history__list {
    display: grid;
    grid-template-columns: minmax(300px, 1fr);
    gap: 20px;
}

.loyalty-history__item {
    display: grid;
    grid-template-columns: minmax(140px, 1fr);
    padding-bottom: 14px;
    line-height: 1.6;
    border-bottom: 1px solid rgb(172, 172, 172);
}

.loyalty-history__item.mobile-hidden {
    display: none;
}

.loyalty-history__item-big {
    grid-column: span 2;
    padding: 4px;
    text-align: center;
    background-color: rgb(218, 218, 218);
}

.loyalty-history__2 .loyalty-history__item-big{
    background-color: rgb(112, 219, 183);
}

.loyalty-history__1 .loyalty-history__item-big{
    background-color: rgb(224, 185, 99);
}

.loyalty-history__footer {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.ws-loyalty__transform-points {
	white-space: normal;
}

.discounts_cards {
    padding: 14px;
}

#discounts_cards_menu {
	display: flex;
    max-width: 416px;
    margin: 0 auto;
    justify-content: space-evenly;
    border-bottom: none;
}

#discounts_cards_menu a {
    color: #000;
    text-align: center;
}

#discounts_cards_menu a.active {
	border-bottom: 2px solid #000;
}

.flex_wrap {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-evenly;
}

.loyalty_av_discount, .loyalty_dis_discount{
	border: 1px solid #e5ebef;
	margin-top: 18px;
	padding: 14px;
    border-radius: 2px;
    display: flex;
    flex-wrap: wrap;
}
.discount_value {
	background: #3dc3e1;
	padding: 14px 7px;
	text-align: center;
    font-size: 21px;
    line-height: 1.2;
    color: #fff;
    width: 83px;
    border-radius: 2px;	
}
.discount_note{
    line-height: 1.2;
    color: #7a7a7a;
    padding: 0 6px;
    align-self: center;
    max-width: 60%;
    text-align: center;
}
.discount_code {
	border: 1px dashed #e5ebef;
	border-radius: 2px;
	background: #f9fafc;
    padding: 14px 20px;
    display: flex;
}
.discount_code__input{
    max-width: 170px;
}
.ws_tooltip {
  position: relative;
}

.ws_tooltip .ws_tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.ws_tooltip .ws_tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.ws_tooltip:hover .ws_tooltiptext {
  visibility: visible;
  opacity: 1;
}

.ws_copy_btn {
	border: none;
	background: none;
	cursor: pointer;
}

@media (min-width: 768px) {
    .loyalty-history__item.mobile-hidden {
        display: grid;
    }

    .loyalty-history__item {
        grid-template-columns: repeat(5, minmax(126px, 1fr));
    }

    .only-mobile {
        display: none;
    }

    .loyalty-history__item:first-child .loyalty-history__item-big {
        background-color: #fff;
    }
}