/* Bottone «Mi piace» (spec/26): piccolo, giusto lo spazio per il cuore.
   Affianca il bottone principale della card (Iscriviti/Prenota) senza
   rubargli larghezza. Tinte esplicite (Bootstrap 5.0.2). */
.pref-like-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    border: 1px solid #f1aeb5;
    border-radius: .375rem;
    background: #ffe9ec;          /* rosa tenue: si nota anche da spento */
    color: #dc3545;
    font-size: .85rem;
    line-height: 1;
    padding: .25rem .55rem;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: color .15s ease, border-color .15s ease, background .15s ease;
}
.pref-like-btn:hover {
    background: #fbd0d5;
    border-color: #dc3545;
}
/* votato: rosa più deciso e bordo rosso — l'emoji scelta (colorata di suo)
   resta leggibile sul fondo chiaro */
.pref-like-btn.pref-liked {
    color: #dc3545;
    background: #fbd0d5;
    border-color: #dc3545;
}
/* faccia del bottone: cuore outline, o l'emoji scelta dall'attore */
.pref-like-face {
    display: inline-flex;
    align-items: center;
    font-size: .95rem;
    line-height: 1;
}

/* Picker delle reazioni (hover su desktop, pressione lunga su touch) */
.pref-picker {
    position: absolute;
    z-index: 1080;
    display: flex;
    gap: .15rem;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 50rem;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .18);
    padding: .2rem .35rem;
}
.pref-picker-item {
    border: 0;
    background: none;
    font-size: 1.35rem;
    line-height: 1;
    padding: .15rem .25rem;
    cursor: pointer;
    border-radius: 50%;
    transition: transform .12s ease;
}
.pref-picker-item:hover {
    transform: scale(1.3);
}
/* conteggio: compare solo se > 0, piccolo accanto al cuore */
.pref-like-count {
    font-weight: 600;
    font-size: .75rem;
}
.pref-like-count:empty {
    display: none;
}

/* Nelle celle della gallery: cuore ancora più discreto, centrato sotto la
   didascalia */
.gallery-like {
    margin-top: .15rem;
    text-align: center;
}
.gallery-like .pref-like-btn {
    font-size: .75rem;
    padding: .18rem .45rem;
    border-radius: 50rem;
}