.like-it-wrapper { 
display: flex;
flex-direction: column;
align-items:center; 
gap:6px; 
position: sticky;
top: 6vh;
}
.like-it-item {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
margin-top: 10px;
overflow: visible;
}
.like-it-view {
cursor: default !important;
}
.like-it-heart svg, .like-it-comment-bubble svg, .like-it-view-icon svg {
width: 24px;
height: 24px;
fill: white;      
stroke: #b0b0b0;
stroke-width: 1.4px;
transition: fill .15s, stroke .15s, transform .18s;
padding-top: 4px;
}
.like-it-count {
border: none;
cursor: pointer;
}
.like-it-count-number {
padding: 0 4px;
}
.like-it-button.liked .like-it-heart svg { 
fill: #e0245e;     
stroke: #e0245e;
transform: scale(1.15);
animation: heartBeat 0.3s ease;
}
@keyframes heartBeat {
0% { transform: scale(1); }
50% { transform: scale(1.25); }
100% { transform: scale(1.15); }
}
@media (max-width: 900px) {
.like-it-wrapper {
flex-direction: row;
gap: 12px;
} .like-it-item { margin-top: 0; }
}
.like-it-modal { display:none; position:fixed; left:0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.4); z-index:99999; max-width: none !important;}
.like-it-modal-inner { width:320px; max-width:90%; margin:80px auto; background:#fff; padding:16px; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,0.2); }
.like-it-modal-close { float:right; border:0; background:transparent; font-size:22px; cursor:pointer; }
.like-it-likers-list { list-style:none; margin:0; padding:0; max-height:400px; overflow:auto; }
.like-it-liker { padding:8px 0; border-bottom:1px solid #eee; display:flex; align-items:center; }
.like-it-liker-avatar { width:40px; height:40px; border-radius:50%; margin-right:8px; }
.like-it-liker-avatar-placeholder { width:40px; height:40px; background:#ddd; border-radius:50%; display:inline-block; margin-right:8px; }
.like-it-liker-name { font-size:14px; } .like-it-heart-animation {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.3);
opacity: 0;
pointer-events: none;
user-select: none;
z-index: 20;
animation: likeItPop 0.8s ease-out forwards;
}
.like-it-heart-animation svg {
width: 120px;
height: 120px;
display: block;
fill: white;
} @keyframes likeItPop {
0% {
transform: translate(-50%, -50%) scale(0.3);
opacity: 0;
}
20% {
transform: translate(-50%, -50%) scale(1.3);
opacity: 1;
}
35% {
transform: translate(-50%, -50%) scale(1.0);
opacity: 0.9;
}
100% {
transform: translate(-50%, -50%) scale(1.0);
opacity: 0;
}
}
.gallery-wrapper {
display: block;
max-width: none;
}
.wp-block-post-content > .gallery-wrapper{
position: sticky;
top: 6vh;
}
.gallery-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.45);
display: flex;
align-items: center;
justify-content: center;
gap: 0.2rem;
opacity: 0;
transition: opacity 0.25s ease;
pointer-events: none; color: white;
font-size: 1rem;
font-weight: 600;
}
.gallery-wrapper:hover .gallery-overlay {
opacity: 1;
}
.gallery-like-hover svg, .gallery-comment-hover svg {
width: 24px;
height: 24px;
fill: white;      
transition: fill .15s, stroke .15s, transform .18s;
padding-top: 4px;
}
.gallery-comment-hover{
padding-left: 1rem;
}