/**
 * Employee save/heart icon toggle styles.
 *
 * Uses inline SVGs — no Font Awesome dependency.
 * Brand-aligned with #376d89 accent used across the plugin.
 *
 * @package Job_Listings
 */

.jl-employee-save-toggle {
  --jl-save-accent: #376d89;
  --jl-save-btn-hover-bg: #f9f7f3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  color: var(--jl-save-accent) !important;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease;
}

.jl-employee-save-toggle svg {
  display: block;
  pointer-events: none;
  transition: transform 0.25s ease;
}

.jl-employee-save-toggle .jl-save-icon--filled {
  display: none;
}

.jl-employee-save-toggle .jl-save-icon--outline {
  display: block;
}

.jl-employee-save-toggle:hover {
  color: var(--jl-save-accent);
  background: var(--jl-save-btn-hover-bg);
}

.jl-employee-save-toggle:active {
  transform: scale(0.9);
}

/* Saved state */
.jl-employee-save-toggle.is-saved {
  color: var(--jl-save-accent);
}

.jl-employee-save-toggle.is-saved .jl-save-icon--filled {
  display: block;
}

.jl-employee-save-toggle.is-saved .jl-save-icon--outline {
  display: none;
}

.jl-employee-save-toggle.is-saved:hover {
  background: var(--jl-save-btn-hover-bg);
}

@keyframes jl-save-pop {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

.jl-employee-save-toggle.is-saved svg {
  animation: jl-save-pop 0.35s ease;
}

.jl-employee-save-toggle.is-loading {
  pointer-events: none;
  opacity: 0.5;
}

/* Elementor "Save Employee" button shares the same ajax toggle */
a[href="#save-employee"].is-loading {
  pointer-events: none;
  opacity: 0.6;
}

/* Saved-employees loop: hide card after unsave (see employee-save-icon.js) */
.e-loop-item.jl-employee-loop-item--removed,
[data-elementor-type="loop-item"].jl-employee-loop-item--removed {
  display: none !important;
}