/* FTS Editable Hover Effects */
.fts_editable_trigger:hover {
  background: linear-gradient(
    135deg,
    rgba(255, 140, 0, 0.08) 0%,
    rgba(255, 165, 0, 0.12) 100%
  );
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2),
    0 2px 8px rgba(255, 140, 0, 0.15);
  border-radius: 4px;
  padding: 2px 4px;
  margin: -2px -4px;
}

.fts_editable_trigger:active {
  transform: translateY(1px);
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.3), 0 1px 4px rgba(255, 140, 0, 0.2);
}

.fts_editable {
  position: relative;
  display: inline-block;
}

.fts_editable:hover {
  background: linear-gradient(
    135deg,
    rgba(255, 140, 0, 0.08) 0%,
    rgba(255, 165, 0, 0.12) 100%
  );
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2);
  border-radius: 4px;
}

/* Prevent link behavior for editable links */
a.fts_editable {
  pointer-events: none;
}

a.fts_editable .fts_editable_trigger {
  pointer-events: auto;
}

.language_switcher button {
  margin-top: 10px;
  color: white;
  border: none;
}

/* Bootstrap 5 dropdown on hover */
@media (min-width: 992px) {
  .navbar .dropdown-hover:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  .navbar .dropdown-hover > .dropdown-toggle::after {
    transition: transform 0.2s ease;
  }
  .navbar .dropdown-hover:hover > .dropdown-toggle::after {
    transform: rotate(180deg);
  }
}