@use '../base/variables' as *;
@use '../base/colors' as *;

// ==========================================================================
// Icon action button — small square icon button/link used in admin table
// row toolbars (.actions-cell). Pairs with templates/components/admin/
// _icon_action_button.html.twig and its dedicated wrappers.
// ==========================================================================

.icon-action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: $radius-sm;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s;

  .icon {
    --icon-size: 16px;
  }
}

.btn-edit {
  background: #3498db;
  color: $color-light;

  &:hover {
    background: #2980b9;
  }
}

.btn-settings {
  background: #7f8c8d;
  color: $color-light;

  &:hover {
    background: #626e6f;
  }
}

.btn-toggle {
  background: $color-warning;
  color: $color-light;

  &:hover {
    background: #e67e22;
  }
}

.btn-duplicate {
  background: #27ae60;
  color: $color-light;

  &:hover {
    background: #1e8449;
  }
}

.btn-delete {
  background: #e74c3c;
  color: $color-light;

  &:hover {
    background: #c0392b;
  }

  &:disabled {
    background: $color-primary-lighter;
    cursor: not-allowed;
    opacity: 0.6;
  }
}