/* Layout + label + particelle SVG */
.lds-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    margin: 10px 0;
    font-family: inherit;
    min-height: 44px;
    width: 100%;
    --lds-float-height: 260px; /* sovrascritto via wp_head inline */
}

.lds-label {
    font-weight: 800;
    font-size: 1.15em;
    color: #1a1a1a;
    letter-spacing: 0.3px;
}

.lds-buttons { display:inline-flex; align-items:center; gap:12px; }

.lds-btn {
    display:inline-flex; align-items:center; gap:8px;
    border:1px solid #d0d7de; padding:10px 14px; border-radius:9999px;
    background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.05); cursor:pointer;
    font-size:16px; line-height:1;
    transition: transform .06s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.lds-btn:hover { background:#f6f8fa; border-color:#b9c1c8; box-shadow:0 2px 6px rgba(0,0,0,.08); transform:translateY(-1px); }

.lds-icon { display:inline-flex; width:1.25em; height:1.25em; }
.lds-btn svg { width:1.3em; height:1.3em; fill: currentColor; }

.lds-like-btn { color:#1a7f37; } .lds-like-btn:hover { color:#13602b; }
.lds-dislike-btn { color:#d1242f; } .lds-dislike-btn:hover { color:#9b1b24; }

.lds-like-count,.lds-dislike-count { font-weight:700; min-width:1.2ch; text-align:right; }

.lds-message { margin-left:8px; font-size:14px; color:#444; }

.lds-variant-yellow { color:#facc15; }  /* giallo */
.lds-variant-pink   { color:#ec4899; }  /* rosa */
.lds-variant-red    { color:#ef4444; }  /* rosso */

.lds-float {
    position:absolute; left:0; bottom:4px; pointer-events:none; opacity:0;
    animation-name:lds-float-up; animation-timing-function:cubic-bezier(.25,.46,.45,.94);
    animation-fill-mode:forwards;
}
.lds-float svg { width:1em; height:1em; display:block; fill: currentColor; }

@keyframes lds-float-up {
    0%   { transform: translateY(0) translateX(0) scale(.9); opacity:0; }
    10%  { opacity:.98; }
    70%  { opacity:.9; }
    100% { transform: translateY(calc(-1 * var(--lds-float-height))) translateX(var(--lds-float-drift, 0)) scale(1.25); opacity:0; }
}