/* Favorite inline actions for collection and selection nav rows. */

.content-favorite-toggle {
  width: 30px;
  height: 30px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--vk-radius-control);
  background: transparent;
  color: var(--vk-text-muted);
  cursor: pointer;
  transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}

.content-favorite-toggle:hover,
.content-favorite-toggle.is-favorite {
  background: transparent;
  color: var(--vk-favorite-active-color);
}

.content-favorite-toggle.is-favorite .lucide {
  fill: currentColor;
}

.content-favorite-toggle .lucide {
  width: 16px;
  height: 16px;
}

.content-favorite-toggle--nav {
  order: 4;
  width: 24px;
  height: 24px;
  border-radius: var(--vk-form-embedded-action-radius);
  flex: 0 0 auto;
}

.content-favorite-toggle--nav .lucide {
  width: var(--menu-panel-inline-action-icon-size);
  height: var(--menu-panel-inline-action-icon-size);
}

.menu-collection-nav-panel .content-favorite-toggle--nav,
.menu-profile-panel .content-favorite-toggle--nav {
  width: var(--menu-panel-inline-action-size);
  height: var(--menu-panel-inline-action-size);
  border-color: transparent;
  background: transparent;
  color: var(--vk-text-on-accent);
  transition: color 150ms ease;
}

.menu-collection-nav-panel .content-favorite-toggle--nav:hover,
.menu-collection-nav-panel .content-favorite-toggle--nav.is-favorite:hover,
.menu-profile-panel .content-favorite-toggle--nav:hover,
.menu-profile-panel .content-favorite-toggle--nav.is-favorite:hover {
  border-color: transparent;
  background: transparent;
  color: var(--vk-stone-black-bg);
}

.menu-collection-nav-panel .content-favorite-toggle--nav.is-favorite,
.menu-profile-panel .content-favorite-toggle--nav.is-favorite {
  border-color: transparent;
  background: transparent;
  color: var(--vk-text-on-accent);
}

.menu-collection-nav-panel .content-favorite-toggle--static,
.menu-profile-panel .content-favorite-toggle--static {
  cursor: default;
  pointer-events: none;
}