/* likes.css - Gallery Likes v1.3 (Ray Burst) */

.gallery-like-button {
  position: relative !important;
  z-index: 20 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 15px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: #1a1c22 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  overflow: visible !important;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16) !important;
  transition: transform 0.18s cubic-bezier(0.3, 1.4, 0.5, 1), background 0.25s ease, color 0.25s ease, border-color 0.25s ease !important;
  -webkit-user-select: none;
  user-select: none;
}

.gallery-like-button:hover { transform: translateY(-1px) !important; }
.gallery-like-button:active { transform: scale(0.96) !important; }
.gallery-like-button:focus-visible { outline: 3px solid #2f6bff !important; outline-offset: 2px !important; }

.gallery-like-button .glb-thumb {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  flex: none !important;
  transform-origin: 60% 70%;
}
.gallery-like-button .glb-thumb path { transition: fill 0.2s ease, stroke 0.2s ease; }
.gallery-like-button .glb-count {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Liked state: solid blue fill, white icon + text (never grey) */
.gallery-like-button.liked {
  background: #2f6bff !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
.gallery-like-button.liked .glb-thumb path { fill: #ffffff; stroke: #ffffff; }

/* Thumb pop on like */
@keyframes glb-pop {
  0% { transform: scale(1); }
  35% { transform: scale(1.32) rotate(-8deg); }
  70% { transform: scale(0.94); }
  100% { transform: scale(1); }
}
.gallery-like-button.glb-pop .glb-thumb { animation: glb-pop 0.5s cubic-bezier(0.3, 1.5, 0.5, 1); }

/* Burst stripes */
.gallery-like-button .glb-spark {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  will-change: transform, opacity;
}
.gallery-like-button .glb-stripe {
  width: 4px !important;
  height: 15px !important;
  border-radius: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
  .gallery-like-button,
  .gallery-like-button:hover,
  .gallery-like-button:active { transform: none !important; transition: background 0.2s, color 0.2s !important; }
  .gallery-like-button.glb-pop .glb-thumb { animation: none; }
}

/* Gallery overlay: reveal the button on hover (unchanged behaviour) */
.elementor-gallery-item__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 20px !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 20 !important;
}
.elementor-gallery-item:hover .elementor-gallery-item__content { opacity: 1 !important; }
.elementor-gallery-item__overlay { z-index: 1 !important; }