/* Ezyhut Helper Frontend Styles */

.ezyhut-sticky-sticker {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 9999;
    transition: transform 0.3s ease;
}

.ezyhut-sticky-sticker img {
    max-width: 85px;
    height: auto;
    display: block;
    border-radius: 8px;
}

.ezyhut-sticky-sticker:hover {
    transform: scale(1.05);
}

/* Hide on mobile and tablet devices */
@media screen and (max-width: 1024px) {
    .ezyhut-sticky-sticker {
        display: none !important;
    }
}

/* Optional: Add animation on page load */
@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.ezyhut-sticky-sticker {
    animation: slideInRight 0.5s ease-out;
}

/* Utility class: Mobile column layout for footer */
/* Usage: Add class "ezyhut-footer-mobile-column" to your footer div */
@media screen and (max-width: 575px) {
    .ezyhut-footer-mobile-column {
        flex-direction: column !important;
    }
}