/**
* 2007-2024 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-2024 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.
*/

div[class*="idnkcpf-sticker-spot"] {
    position: absolute;
    z-index: 3;
}
.idnkcpf-sticker-spot1 {
    top: 5px;
    left: 5px;
}
.idnkcpf-sticker-spot2 {
    top: 5px;
    left: 40%;
}
.idnkcpf-sticker-spot3 {
    top: 5px;
    right: 5px;
}
.idnkcpf-sticker-spot4 {
    bottom: 40%;
    left: 5px;
}
.idnkcpf-sticker-spot5 {
    bottom: 40%;
    left: 40%;
}
.idnkcpf-sticker-spot6 {
    bottom: 40%;
    right: 5px;
}
.idnkcpf-sticker-spot7 {
    bottom: 5px;
    left: 5px;
}
.idnkcpf-sticker-spot8 {
    bottom: 5px;
    left: 40%;
}
.idnkcpf-sticker-spot9 {
    bottom: 5px;
    right: 5px;
}

.idnkcpf-flag-style-right {
    align-self: end;
}
.idnkcpf-flag-style-scale05 {
    /*transform: scale(0.5) translate(-50%, -50%);*/
    font-size: 50% !important;
    line-height: 100%;
}

.idnkcpf-flag-style-scale07 {
    /*transform: scale(0.7) translate(12%, 12%);*/
    font-size: 70% !important;
    line-height: 100%;
}
/* PULSE EFFECT */

.idnkcpf-flag-style-pulse {
    position: relative;
    display: inline-block;
    background: #ff0000;
    padding: 5px;
    color: #ffffff;
    animation: idnkcpf-flag-style-pulse-effect 3s infinite;
}

@keyframes idnkcpf-flag-style-pulse-effect {
    50% {
        background: #a70000;
        transform: scale(1.1);
        box-shadow: 5px 5px 5px #cccccc,
        5px 5px 5px #ffffff,
        0 0 0 #cccccc inset,
        0 0 0 #ffffff inset;
    }
}

/* WIGGLE EFFECT */

.idnkcpf-flag-style-wiggle {
    position: relative;
    display: inline-block;
    /*border: #0000ff solid 2px;*/
    padding: 5px;
    animation: idnkcpf-flag-style-wiggle-effect 2s linear infinite;
    transition: transform 1s ease;
}

@keyframes idnkcpf-flag-style-wiggle-effect {
    0%, 7% {
        transform: rotateZ(0);
    }
    15% {
        transform: rotateZ(-15deg);
    }
    20% {
        transform: rotateZ(10deg);
    }
    25% {
        transform: rotateZ(-10deg);
    }
    30% {
        transform: rotateZ(6deg);
    }
    35% {
        transform: rotateZ(-4deg);
    }
    40%, 100% {
        transform: rotateZ(0);
    }
}

/* ANIME EFFECT */

.idnkcpf-flag-style-anime {
    position: relative;
    display: inline-block;
    animation: idnkcpf-flag-style-anime-effect 3s linear infinite;
    padding: 5px;
    border: #000000 solid 1px;
    border-radius: 2px;

}

@keyframes idnkcpf-flag-style-anime-effect {
    0% {
        background: #f0f0f0;
        box-shadow: 0 0 0 #cccccc,
        0 0 0 #ffffff,
        5px 5px 5px #cccccc inset,
        -5px -5px 5px #ffffff inset;
    }
    25% {
        background: #f8f8f8;
        box-shadow: 5px 5px 5px #cccccc,
        5px 5px 5px #ffffff,
        0 0 0 #cccccc inset,
        0 0 0 #ffffff inset;
    }
    50% {
        background: #f8f8f8;
        box-shadow: 5px 5px 5px #cccccc,
        5px 5px 5px #ffffff,
        0 0 0 #cccccc inset,
        0 0 0 #ffffff inset;
    }
    100% {
        background: #fafafa;
        box-shadow: 20px 20px 20px #cccccc,
        0 0 0 #ffffff,
        0 0 0 #cccccc inset,
        2px 2px 2px #ffffff inset;
    }
}

/* ROTATE EFFECT */

.idnkcpf-flag-style-rotate {
    position: relative;
    display: inline-block;
    animation: idnkcpf-flag-style-rotate-effect 5s linear both infinite;
    padding: 5px;
    border: #12685e solid 2px;
    border-radius: 5px;
    background: #2dccb8;
    color: #ffffff;

}

@keyframes idnkcpf-flag-style-rotate-effect {
    0% {
        transform: scale(1) rotate3d(1, 1, 0, 0deg);
    }
    10% {
        transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
    }
    20% {
        transform: scale(1) rotate3d(1, 1, 0, -360deg);
    }
    30% {
        transform:none;
    }
}

/* UP BUBBLES EFFECT */

.idnkcpf-flag-style-upbubbles {
    position: relative;
    display: inline-block;
    animation: idnkcpf-flag-style-upver 5s linear both infinite;
    padding: 5px;
    border: #12685e solid 2px;
    font-weight: 900;
    text-transform: uppercase;
    color: white;
    background-color: hsl(210, 80%, 42%);
    box-shadow: hsla(210, 40%, 52%, .4) 2px 2px 22px;
    border-radius: 4px;
    z-index: 0;
}
.idnkcpf-flag-style-upbubbles::before {
    display: inline-block;
    content: '';
    pointer-events: none;
    opacity: .6;
    background:
            radial-gradient(circle at 20% 35%,  transparent 0,  transparent 2px, white 3px, white 4px, transparent 4px),
            radial-gradient(circle at 75% 44%, transparent 0,  transparent 2px, white 3px, white 4px, transparent 4px),
            radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, white 5px, white 6px, transparent 6px);
    width: 100%;
    height: 300%;
    top: 5px;
    position: absolute;
    animation: idnkcpf-flag-style-bubbles 5s linear infinite both;
}
@keyframes idnkcpf-flag-style-upver {
    0% {
        transform: scale(1) rotateY(0);
    }
    5% {
        transform: scale(1.5) rotateY(180deg);
    }
    15% {
        transform: scale(1) rotateY(360deg);
    }
    30% {
        transform: none;
    }
}
@keyframes idnkcpf-flag-style-bubbles {
    from {
        transform: translate(0, 0);
    }
    to {
        transform: translate(0, -66.666%);
    }
}

/* RUBBER EFFECT */

.idnkcpf-flag-style-rubber {
    position: relative;
    display: inline-block;
    animation: idnkcpf-flag-style--rubber-effect 3s linear both infinite;
    font-family: 'Helvetica', 'Arial', sans-serif;
    padding: 5px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #ff0081;
    color: white;
    border-radius: 4px;
    border: none;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
    box-shadow: 0 2px 25px rgba(255, 0, 130, 0.5);
}

@keyframes idnkcpf-flag-style--rubber-effect {
    0% {
        transform: scale3d(1, 1, 1);
    }

    5% {
        transform: scale3d(1.25, 0.75, 1);
    }

    10% {
        transform: scale3d(0.75, 1.25, 1);
    }

    15% {
        transform: scale3d(1.15, 0.85, 1);
    }

    20% {
        transform: scale3d(0.95, 1.05, 1);
    }

    25% {
        transform: scale3d(1.05, 0.95, 1);
    }
    30% {
        transform: scale3d(1, 1, 1);
    }
}

/* TADA EFFECT */

.idnkcpf-flag-style-tada {
    position: relative;
    display: inline-block;
    animation: idnkcpf-flag-style-tada-effect 3s linear both infinite;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    transition: all .5s ease;
    color: #ffffff;
    background-color: #000000;
    font-weight: 600;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 75% 100%, 0 100%);
}

@keyframes idnkcpf-flag-style-tada-effect {
    0% {
        transform: scale3d(1, 1, 1);
    }
    6% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    9%,
    15%,
    21%,
    27% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    12%,
    18%,
    24% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    30% {
        transform: scale3d(1, 1, 1);
    }
}

.idnkcpf-flag-style-cross {
    position: absolute;
    transform: rotate(45deg) translate(35px, 99px);
    width: 140% !important;
    text-align: center;
}

#product .idnkcpf-flag-style-cross {
    transform: rotate(45deg) translate(77px, 204px);
}