/* -------------------------------------------
hanging-tag.css
Vector "hanging price tag" badge - replaces the stock
image version. Swings gently like it's actually hanging
from the hook, using your exact brand orange/black
(no external image asset, crisp at any size).

Targets your existing markup:
<button class="aditech-floating-tab aditech-tab-image" id="aditechAnnouncementBtn">
------------------------------------------- */

.aditech-floating-tab.aditech-tab-image {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 998;
    display: block;
    width: 100px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    -webkit-filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.35));
            filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.35));
}

.aditech-floating-tab.aditech-tab-image svg {
    display: block;
    width: 100%;
    height: auto;
}

.aditech-floating-tab.aditech-tab-image .mil-tag-swing {
    -webkit-transform-box: fill-box;
            transform-box: fill-box;
    -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
            transform-origin: top center;
    -webkit-animation: mil-tag-pendulum 3.2s ease-in-out infinite;
            animation: mil-tag-pendulum 3.2s ease-in-out infinite;
}
@-webkit-keyframes mil-tag-pendulum {
    0%, 100% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); }
    50%      { -webkit-transform: rotate(7deg); transform: rotate(7deg); }
}
@keyframes mil-tag-pendulum {
    0%, 100% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); }
    50%      { -webkit-transform: rotate(7deg); transform: rotate(7deg); }
}

.aditech-floating-tab.aditech-tab-image:hover .mil-tag-swing {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
    -webkit-transform: rotate(0deg) scale(1.05);
            transform: rotate(0deg) scale(1.05);
}

@media screen and (max-width: 768px) {
    .aditech-floating-tab.aditech-tab-image {
        left: 14px;
        bottom: 14px;
        width: 80px;
    }
}

@media screen and (prefers-reduced-motion: reduce) {
    .aditech-floating-tab.aditech-tab-image .mil-tag-swing {
        -webkit-animation: none;
                animation: none;
    }
}