/* ===============================
   LIKE SYSTEM
================================ */

/* OWNER BADGE */
.details-like-owner {
    background: rgba(255, 235, 240, 0.32);
    border: 2px solid rgba(255, 110, 128, 0.6);
    color: #ff758f;
    padding: 0.55rem 1.4rem;
    border-radius: 28px;
    font-weight: 600;
    user-select: none;
    backdrop-filter: blur(10px);
}

/* USER LIKE BUTTON */
.details-like-btn {
    padding: 0.75rem 1.5rem;  
    min-width: 120px;         
    border-radius: 28px;
    background: rgba(59, 130, 246, 0.28);
    border: 2px solid rgba(96, 165, 250, 0.45);
    color: white;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
}

.details-like-btn:hover:not(:disabled) {
    background: rgba(59, 130, 246, 0.45);
    transform: translateY(-2px);
}

.details-like-btn.liked {
    background: rgba(239, 68, 68, 0.35);
    border-color: rgba(239, 68, 68, 0.55);
}

/* ===============================
   LIKE ERROR MESSAGE
================================ */
.details-like-error {
  margin-top: 0.4rem;
  color: #ffb4b4;
  font-size: 0.9rem;
  text-align: center;
  background: rgba(255, 0, 0, 0.12);
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.15);
}