/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * 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.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * 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.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 */
.closed_unlimit {
    display: none;
}

.unlimit_modal_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.6);
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
}

.unlimit_modal_iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

body.modal-open {
    height: 100vh;
    overflow-y: hidden;
}

#unlimit-form .form-control-comment {
    display: none;
    color: red;
}

#unlimit-form {
    padding: 10px;
}

.form-control-comment {
    font-size: 12px;
}

.ul-form-control-error {
    border: 1.5px solid #FF6347;
}

.card-brand-visa {
    background-image: url('../img/visa.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    right: -15px;
}

#card-brand {
    position: absolute;
    top: 32%;
    transform: translate(-50%, -50%);
}

.card-brand-svg {
    position: absolute;
    top: 32%;
    transform: translate(-50%, -50%);
}

.card-brand-mastercard {
    background: url(../img/card_brands_sprite.png) no-repeat -232px -217px;
    right: -15px;
    top: 35px;
    width: 45px;
    height: 35px;
}

.card-brand-maestro {
    background: url(../img/card_brands_sprite.png) no-repeat -227px -148px;
    right: -15px;
    top: 37px;
    width: 41px;
    height: 25px;
}

.card-brand-mir {
    background: url(../img/card_brands_sprite.png) no-repeat -315px -267px;
    right: -15px;
    top: 35px;
    width: 50px;
    height: 25px;
}

.card-brand-discover {
    background: url(../img/card_brands_sprite.png) no-repeat -374px -85px;
    right: -15px;
    top: 32px;
    width: 44px;
    height: 31px;
}

.card-brand-amex {
    background: url(../img/amex.png);
    right: -4px;
    top: 36px;
    width: 27px;
    height: 27px;
}

.card-brand-dinersclub {
    background: url(../img/card_brands_sprite.png) no-repeat -134px -235px;
    right: -15px;
    top: 35px;
    width: 83px;
    height: 26px;
}

.card-brand-jcb {
    background: url(../img/card_brands_sprite.png) no-repeat -267px -64px;
    right: -15px;
    top: 37px;
    width: 40px;
    height: 26px;
}

.card-brand-unionpay {
    background: url(../img/card_brands_sprite.png) no-repeat -318px -50px;
    right: -15px;
    width: 41px;
    height: 25px;
}

.card-brand-elo {
    background: url(../img/card_brand_elo.svg) center;
    right: -15px;
    top: 38px;
    width: 40px;
    height: 20px;
}

div.apple-pay {
    max-width: 325px;
    width: 100%;
    height: 46px;
}

@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
    }

    .apple-pay-button-black {
        -apple-pay-button-style: black;
    }

    .apple-pay-button-white {
        -apple-pay-button-style: white;
    }

    .apple-pay-button-white-with-line {
        -apple-pay-button-style: white-outline;
    }

    .apple-pay-button-with-text {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
        -apple-pay-button-type: buy;
    }

    .apple-pay-button-with-text > * {
        display: none;
    }

    .apple-pay-button-black-with-text {
        -apple-pay-button-style: black;
    }

    .apple-pay-button-white-with-text {
        -apple-pay-button-style: white;
    }

    .apple-pay-button-white-with-line-with-text {
        -apple-pay-button-style: white-outline;
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }

    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }

    .apple-pay-button-white {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }

    .apple-pay-button-white-with-line {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
        border: .5px solid black;
    }

    .apple-pay-button-with-text {
        --apple-pay-scale: 1; /* (height / 32) */
        display: inline-flex;
        justify-content: center;
        font-size: 12px;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }

    .apple-pay-button-black-with-text {
        background-color: black;
        color: white;
    }

    .apple-pay-button-white-with-text {
        background-color: white;
        color: black;
    }

    .apple-pay-button-white-with-line-with-text {
        background-color: white;
        color: black;
        border: .5px solid black;
    }

    .apple-pay-button-with-text.apple-pay-button-black-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }

    .apple-pay-button-with-text.apple-pay-button-white-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }

    .apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }

    .apple-pay-button-with-text > .text {
        font-size: calc(1em * var(--apple-pay-scale));
        font-weight: 300;
        align-self: center;
        margin-right: calc(2px * var(--apple-pay-scale));
    }

    .apple-pay-button-with-text > .logo {
        width: calc(35px * var(--scale));
        height: 100%;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 0 50%;
        margin-left: calc(2px * var(--apple-pay-scale));
        border: none;
    }
}

.apple-pay-set-up-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: set-up;
}

.apple-pay-set-up-button-black {
    -apple-pay-button-style: black;
}

.apple-pay-set-up-button-white {
    -apple-pay-button-style: white;
}

.apple-pay-setup-button-white-with-line {
    -apple-pay-button-style: white-outline;
}

.apple-pay-donate-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: donate;
}

.apple-pay-donate-button-black {
    -apple-pay-button-style: black;
}

.apple-pay-donate-button-white {
    -apple-pay-button-style: white;
}

.apple-pay-donate-button-white-with-line {
    -apple-pay-button-style: white-outline;
}

.unlimit-pm-form {
    border-radius: 12px;
    background-color: #F6F6F6;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    margin: 0 auto;
}

.form-control {
    background-color: white;
    border-radius: 4px;
}

.card-brand-amex-svg {
    background: url(../img/svg/amex.svg) center;
    right: 32px;
    top: 32%;
    width: 30px;
    height: 30px;
}

.card-brand-discover-svg {
    background: url(../img/svg/discover.svg) center;
    right: -14px;
    top: 32%;
    width: 40px;
    height: 20px;
}

.card-brand-mastercard-svg {
    background: url(../img/svg/mastercard.svg) center;
    right: 57px;
    top: 32%;
    width: 37px;
    height: 22px;
}

.card-brand-visa-svg {
    background: url(../img/svg/visa.svg) center;
    right: 95px;
    width: 40px;
    height: 20px;
    top: 32%;
}

.cvv-svg {
    background: url(../img/svg/cvv.svg) center;
    right: 0;
    width: 30px;
    height: 30px;
    top: 50%;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
}

.other-class {
    max-width: 150px;
}

.height-60 {
    height: 60px;
}

.unlimit_modal_bg_sdk {
    border-radius: 12px;
    background-color: #F6F6F6;
    border: 1px solid #ddd;
    margin: 0 auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.unlimit_modal_iframe_sdk {
    border: 0;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
}