/* Base style for hidden leaf */
.wriwoods-hidden-leaf {
    width: 40px;               /* keeps it small and unobtrusive */
    height: auto;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 2px;
    transition: opacity 0.2s ease;
    opacity: 0.85;             /* slightly faded so it’s hidden */
}

/* Hover effect: subtle opacity change only */
.wriwoods-hidden-leaf:hover {
    opacity: 1;
}

/* Claimed leaf */
.wriwoods-hidden-leaf.claimed {
    opacity: 0.7;
    filter: grayscale(50%) brightness(0.9);
    cursor: default;
}


/* Locked leaf for logged-out users */
.wriwoods-hidden-leaf.locked {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Optional gentle bounce when injected */
@keyframes leaf-bounce {
    0% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
    100% { transform: translateY(0); }
}

.wriwoods-hidden-leaf.animate {
    animation: leaf-bounce 1.2s ease infinite;
}

/* Random alignment */
.wriwoods-hidden-leaf.align-left {
    float: left;
    margin-right: 8px;
}

.wriwoods-hidden-leaf.align-center {
    display: block;
    margin: 0 auto 8px auto;
}

.wriwoods-hidden-leaf.align-right {
    float: right;
    margin-left: 8px;
}