/* ===========================================================
   MyFavorites Suite v1.2.0
   PLUGIN CSS Styles — FAV ICON
   -----------------------------------------------------------
   Author:    JoomFlix
   Website:   https://www.joomflix.com
   Support:   support@joomflix.com
   License:   GPLv3
   (C) 2025 JoomFlix. All rights reserved.
   =========================================================== */

/* --- Καρδιά --- */
.fav-icon {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 26px;
  color: var(--fav-color, #888); /* πιο σκούρο γκρι για ανενεργή */
  cursor: pointer;
  transition: color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  z-index: 5;

  /* 👇 δημιουργεί “buffer” γύρω από την καρδιά */
  padding: 3px;
  background: rgba(255, 255, 255, 0.05); /* σχεδόν διάφανο – απλώς για hit area */
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0,0,0,0.15); /* διακριτικό shadow */
}

/* Όταν είναι ενεργή */
.fav-icon.active {
  color: #1d6db3;
  transform: scale(1.05);
  box-shadow: 0 0 8px rgba(29,109,179,0.4); /* μπλε “glow” */
}

/* Hover effect */
.fav-icon:hover {
  color: #0b4e80;
  transform: scale(1.15);
  box-shadow: 0 0 10px rgba(11,78,128,0.5); /* ενισχυμένο glow */
}

.productdetails-view .fav-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 26px;
  color: var(--fav-color, #888);
  cursor: pointer;
  transition: color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  z-index: 5;
}

/* Hover effect */
.productdetails-view .fav-icon.active:hover {
  color: #0b4e80;
  transform: scale(1.15);
  box-shadow: 0 0 10px rgba(11,78,128,0.5); /* ενισχυμένο glow */
}

.productdetails-view .fav-icon.active {
  color: #1d6db3;
  transform: scale(1.05);
  box-shadow: 0 0 8px rgba(29,109,179,0.4);
}

/* Σε dark theme */
[data-theme="dark"] .fav-icon:not(.active) {
  color: #ccc;
}

/* Αφήνουμε την εικόνα clickable κανονικά */
.browseProductImage,
.browseProductImage img {
  pointer-events: auto;
}

/* Η καρδιά πιάνει μόνο τα δικά της clicks */
.fav-icon {
  position: absolute;
  z-index: 5;
  cursor: pointer;
  pointer-events: all; /* πιάνει μόνο εκεί */
}

/* Toast */
.fav-toast {
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 9999;
}
.fav-toast.show {
  opacity: 1;
}